HTML Canvas

Create complex 2D and 3D shapes and animations with HTML and JS.

The HTML Canvas element creates an area in which you can draw and manipulate pixels individually to create custom shapes and complex animations. You interact with the canvas using a number of JavaScript methods. Source.

Creating a canvas-based drawing is really quite simple, you create the canvas element in an HTML document <canvas id = “canvas” height = “200px” width = “200px”></canvas> and then you target it with JS like so: let canvas — document.querySelector(“#canvas”)