Canvas

Summary

The `<canvas>` element provides a JavaScript-drawable bitmap surface for graphs, games, image manipulation and generative art. Canvas gives JavaScript direct control over pixels, making it powerful for highly dynamic graphics, but its drawing output is not inherently represented as accessible DOM content.

• 1Draw basic shapes (rect, circle, line) using the Canvas 2D API. Validate your understanding by applying it in a small practical example.
• 2Build a simple drawing app where mouse movement draws on the canvas. Keep the first version small, then add one improvement after the core behavior works.
• 3Learn when Canvas beats SVG — many dynamic objects, pixel manipulation.