HTML Graphics Overview

HTML graphics allow you to draw shapes, images, and visual content directly on a web page.
HTML supports graphics mainly through Canvas and SVG.


Types of HTML Graphics

HTML provides two main graphic technologies:

  1. Canvas (bitmap-based)
  2. SVG (vector-based)

Each serves a different purpose.


When Graphics Are Used

  • Charts and graphs
  • Animations
  • Icons and illustrations
  • Games and visual effects

Important Notes

  • Graphics are rendered by the browser
  • Canvas and SVG behave differently
  • CSS and JavaScript are often used with graphics