back to home
< canvas>
- The HTML < canvas> element is used to draw graphics on a web page.
- Canvas draws 2D graphics, on the fly (with a JavaScript).
- The HTML < canvas> element is used to draw graphics, on the fly, via JavaScript.
The < canvas> element is only a container for graphics. You must use JavaScript to
actually draw the graphics.
- Canvas has several methods for drawing paths, boxes, circles, text, and adding images.
- A canvas is a rectangular area on an HTML page. By default, a canvas has no border and
no content. The markup looks like this:
< canvas id="myCanvas" width="200" height="100" style="border:5px solid #000000;">< /canvas>
Note: Always specify an id attribute (to be referred to in a script), and a width and height
attribute to define the size of the canvas. To add a border, use the style attribute.
comparison betwwen canvas and svg
My First JavaScript Drawing
back to top