The introduction of inline image support in the Mosaic web browser in the mid-1990s breathed life into otherwise staid pages of hypertext. Yet other than a few changes in bitmap formats, from GIF to JPEG and PNG, very few truly revolutionary advances have occurred in web graphics. In recent years, SVG (W3C’s Structured Vector Graphics format) has slowly been gaining adoption — for example, for external images in Wikipedia pages.

HTML5 takes a major step forward with vector graphics support by incorporating two approaches:

  • Inline SVG: the ability to place SVG markup directly into your HTML

  • The <canvas> element: ...

Get HTML5 Now: A Step-by-Step Video Tutorial for Getting Started Today now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.