HTML SVG

SVG (Scalable Vector Graphics)

SVG graphics, defined in XML, maintain scalability without loss of quality when zoomed or resized, and can be directly embedded in HTML pages.

All major browsers support SVG.

What is SVG?

·  SVG stands for Scalable Vector Graphics.

·  It is used to define vector-based graphics for the web.

·  SVG defines graphics in XML format.

·  Every element and attribute in SVG files can be animated.

·  SVG is a W3C recommendation.

·  SVG integrates with other standards like CSS, DOM, XSL, and JavaScript.

The <svg> Element

The HTML <svg> element serves as a container for SVG graphics.

SVG provides various methods for drawing paths, rectangles, circles, polygons, text, and more.

SVG Circle

Example