HTML Graphics Overview

Add W3Buddy as a preferred source on Google

Article Summary

Learn the basics of HTML graphics, including Canvas and SVG, and understand when and why they are used.

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:

Canvas (bitmap-based)
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