Your shopping cart is empty!
Scalable Vector Graphics (SVG) are part of the vector-based family of graphics. They are different from raster-based graphics, which store the color definition for each pixel in an array of data. The most common raster-based formats used on the web today are JPEG, GIF, and PNG, and each of these formats has strengths and weaknesses.
SVG has several advantages over any raster-based format:
The original pixel data was designed for a specific size. When the image is no longer that size, the program displaying the image guesses as to what data to use to fill in the new pixels. Vector images are more resilient; when the size of the image changes, the mathematical formulas can be adjusted accordingly.
HTML5 allows embeding SVG directly using ... tag which has following simple syntax:
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.
Following is the HTML5 version of an SVG example which would draw a rectangle using tag:
HTML5 SVG Rectangle