<canvas>

The HTML Canvas API and JavaScript

If you see this text, your browser does not support canvas.

We can use the <canvas> element to create dynamic graphics. It's similar to a <div> tag ot <p> tag, except that its contents are rendered using JavaScript

The <canvas> tag is powerful. Becuase we can script/create imagery on the fly, it can be used for a wide variety of applications, from creating simple drawings, to visualizing data, to making interactive background images, to creating compelling animations, games, applications, or rich interactive experiences.

To leverage canvas, we insert a <canvas> tag inside ouit HTML document, access the tag using JavaScript, create a rendering context (which where we actually draw), and then use the API to draw our dynamic graphics.