Scalable Vector Graphics in HTML5
Basic concepts and usage
From the developerWorks archives
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.