Scalable Vector Graphics, or SVG, is an open source computer language that
can be used to create and describe two dimensional images for presentation
on a website. SVG was developed by the W3C (World Wide Web Consortium) and
is based upon XML. An SVG is a basic text file which can be easily edited
using a simple text editor such as Notepad. Scalable Vector Graphics can be
used to create both animated and static images. The standard file extension
of an SVG is .svg while the MIME-typen would be image-name/svg+xml.

There are several advantages to be gained by using SVG to render your
website images:

Visitors are able to zoom in on the image without it becoming distorted,
blurred or pixilated, which is a common problem with other graphics formats.

Hyperlinks can be inserted into the image with the use of XLinks (Extended
links).

In addition, since the file can be edited so easily it is a simple process
to make any desired changes either in the appearance of the graphic or the
hyperlinks attached to it.

Most browsers are able to display images created with SVG, however, Internet
Explorer does require a plug in.

Here is an example of a Scalable Vector Graphic file:

<?xml version=”1.0″?>
<!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.1//EN”
“http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”>

<svg xmlns=”http://www.w3.org/2000/svg”
width=”467″ height=”462″>
<rect x=”80″ y=”60″ width=”250″ height=”250″ rx=”20″
style=”fill:#ff0000; stroke:#000000;stroke-width
:2px;” />

<rect x=”140″ y=”120″ width=”250″ height=”250″ rx=”40″
style=”fill:#0000ff; stroke:#000000; stroke-width:2px;
fill-opacity:0.7;” />
</svg>

Here is an example of an XLink:

<?xml version=”1.0″?>
<document xmlns=”http://example.com/xmlns/document”

xmlns:xlink=”http://www.w3.org/1999/xlink”>
<heading id=”examplestyle”>Your Document Name</heading>
<para>The <anchor xlink:type=”simple” xlink:href=”#someHeading”>Anchor
Link</anchor>

description.</para>
</document>

About The Author

Written by MissDanni
MissDanni is a jill of all trades, from web design to web promotion and everything in between, you might just say web everything. Working in the web industry since 2000 she continues to learn new things everyday. "Nothing is impossible if you are willing to take the time to learn and make mistakes."

Other posts by MissDanni

Suggested Reading

Christmas Gifts
Buy Amazing Christmas Gifts on Walmart for your family [..]
US Colleges
Choose the right college with our site. Check some [..]