HTML and CSS Reference
In-Depth Information
Figure 3.4
ChromeExperiments.com showcases how far you can take technologies such as SVG and
CANVAS.
as an Open Standard in 1999. The support for SVG started out
patchy, but, with the release of FireFox, that all changed. FireFox
1.5 introduced support for SVG, with other competing browsers
such as Chrome and Safari rapidly adopting the standard
through support of the WebKit Web Browser project. SVG as an
alternative vector graphics technology is being widely adopted.
As an example, Wikipedia.org has over 250,000 SVG images on
its site.
Creating sVG Graphics
If you are comfortable working with HTML code
then you will feel comfortable working with SVG. SVG
is an XML-based drawing language that allows you to
describe your drawing using standard XML elements.
For instance, the following code is describing how to
create a star shape. Figure 3.5 shows the resulting SVG
drawing.
<?xml version=”1.0” standalone=”yes”?>
<svg version=”1.1”
viewBox=”0.0 0.0 720.0 540.0”
fill=”none” stroke=”none”
Figure 3.5
A star drawn using
SVG XML syntax.
