back to home

< canvas>

  1. The HTML < canvas> element is used to draw graphics on a web page.
  2. Canvas draws 2D graphics, on the fly (with a JavaScript).
  3. 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.
  4. Canvas has several methods for drawing paths, boxes, circles, text, and adding images.
  5. 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.
  6. comparison betwwen canvas and svg
Your browser does not support the HTML5 canvas tag. My First JavaScript Drawing
comparsion_btw_canvas&svg back to top