svg-简介和使用

svg

svg全称是Scalable Vector Graphics (SVG)，是一种基于XML的标记语言，用于描述基于二维的[矢量图形]。因此，这是一个基于文本的开放式Web标准，用于描述可以清晰地呈现任意大小的图像，并且专门设计用于与其他Web标准（包括CSS， DOM，JavaScript和SMIL配合使用。实际上，SVG就是图形。

SVG图像和它的相关行为在XML文本文件中定义，这意味着可以搜索，索引，编写脚本和压缩它们。此外，这意味着可以使用任何文本编辑器或绘图软件来创建和编辑它们。

与经典的位图图像格式JPEG或PNG相比，SVG格式的矢量图像可以以任何大小进行渲染而不会降低质量，并且可以通过更新其中的文本轻松地进行本地化，而无需图形编辑器这样做。使用适当的库，甚至可以即时本地化SVG文件。

一个简单的svg例子。

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<rect width="300" height="100"
style="fill:rgb(0,0,255);stroke-width:1;
stroke:rgb(0,0,0)"/>

</svg>

svg有svg标签和它内部的元素组成，它支持css样式。