HTML5 Graphics

Canvas Markup:

Canvas Markup involves creating a rectangular area on an HTML page, typically used for graphics rendering. You specify its size using attributes like width and height and can add styling with the style attribute.

Example:

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"

The HTML <svg> element:

The HTML <svg> element is used to embed scalable vector graphics in web documents. SVGs are resolution-independent and can be manipulated with CSS and JavaScript for dynamic graphics.

Example:

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>