Scalable Vector Graphics in HTML5

Basic concepts and usage

From the developerWorks archives

Jeremy J. Wischusen

Date archived: April 22, 2019 | First published: January 31, 2012

Scalable Vector Graphics (SVG) are part of the vector family of graphics. They have several benefits over their raster counterparts: JPEG, GIF, and PNG. In this article, explore the basic concepts and usage of SVG graphics in HTML5. Learn about drawing, filters, gradients, text, and adding SVG XML to web pages.

This content is no longer being updated or maintained. The full article is provided "as is" in a PDF file. Given the rapid evolution of technology, some content, steps, or illustrations may have changed.

Zone=Web development, XML
ArticleTitle=Scalable Vector Graphics in HTML5