SVG
Scalable
Vector
Graphics
Infinitely Scalable
From laptop to billboard to larger.... your image will be crisp!
What is SVG used for?
SVG is drawn, not static. So it is used for graphical things like this icon here.
Raster Image
Graphical Image
SVG Image
<img src='film.svg'>
Inline HTML
<svg width="640" height="480">
<rect id="svg_1" height="81" width="87" y="235" x="208" stroke-width="5" stroke="#000000" fill="#FF0000"/>
</svg>
How to Use SVG
Inline like this will allow us to:
- style
- animate
- and even build out based on data (D3)
Inline HTML
<svg width="640" height="480">
<rect id="svg_1" height="81" width="87" y="235" x="208" stroke-width="5" stroke="#000000" fill="#FF0000"/>
</svg>
SVG
By Alyssa Nicoll
