Mastery Assessment: 2D Visuals with Canvas

Complete this assessment with 100% score to master this chapter.

01How is the `<canvas>` element fundamentally different from an SVG element?

02Which method is the modern standard for creating smooth animations in Canvas?

03What do `ctx.save()` and `ctx.restore()` manage in the Canvas 2D API?

04What is 'Resolution Blurring' on High-DPI (Retina) screens, and how do you fix it for Canvas?

05Which method is used to define a circular path or part of a circle in Canvas?

06Which `globalCompositeOperation` value is used to implement an 'Eraser' tool?

07What is the performance advantage of using an `OffscreenCanvas`?

08How can you perform pixel-perfect hit detection on a complex, irregular shape drawn on a canvas?

09Why should you use 'Integer Coordinates' (e.g., Math.floor(x)) when drawing on a canvas?

10What is 'Path Batching' in Canvas optimization?