SVG – Scalable Vector Graphics in html5 – Html SVG Path

SVG – Scalable Vector Graphics

SVG stands for Scalable Vector Graphics and it is a language for describing 2D-graphics and graphical applications in XML and the XML is then rendered by an Scalable Vector Graphics viewer. It is mostly useful for vector type diagrams like Pie charts, Two-dimensional graphs in an X,Y coordinate system etc.

Scalable Vector Graphics became a W3C Recommendation 14. January 2003 and you can check latest version of SVG specification at SVG Specification.

Viewing Scalable Vector Graphics Files:

Most of the web browsers can display Scalable Vector Graphics just like they can display PNG, GIF, and JPG. Internet Explorer users may have to install the Adobe Scalable Vector Graphics Viewer to be able to view in the browser.

Embeding Scalable Vector Graphics in HTML5:

HTML5 allows embeding SVG directly using <svg>...</svg> tag which has following simple syntax −

<svg xmlns="">  ...  </svg>

Firefox 3.7 has also introduced a configuration option (“about:config”) where you can enable HTML5 using the following steps −

  • Type about:config in your Firefox address bar.
  • Click the “I’ll be careful, I promise!” button on the warning message that appears (and make sure you adhere to it!).
  • Type html5.enable into the filter bar at the top of the page.
  • Currently it would be disabled, so click it to toggle the value to true.

Read more:


Add a Comment

Your email address will not be published. Required fields are marked *

Pin It on Pinterest