HTML and CSS Reference
Figure 8.10. After working through this final section, you'll be ready to telestrate!
It will take just three remaining steps to get you there:
• Group 3: Building the telestrator feature
◦ Step 1: Capture mouse movement.
◦ Step 2: Display the captured path over the video.
◦ Step 3: Add a “clear” button so users can remove telestrations and start
Step 1: Capture mouse movement
To capture mouse movement, you'll need to modify your $(document).ready func-
tion to include the following code. It doesn't matter where you add it; in the downloadable
example it's between the initial declarations and the draw() function.