SVG图片的制作与使用
SVG
什么是SVG
SVG也可称为“可缩放矢量图形”。可缩放矢量图形是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式。
什么是矢量图
矢量图，也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。
矢量图是根据几何特性来绘制图形，矢量可以是一个点或一条线，矢量图只能靠软件生成，文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。它的特点是放大后图像不会失真，和分辨率无关，适用于图形设计、文字设计和一些标志设计、版式设计等。
简单来说：矢量图可以无限放大并不会有像素格格，而非矢量图则不可以。
下图中左面为svg格式矢量图，右面为png格式非矢量图。对比如下：
查看SVG
Internet Explorer9，火狐，谷歌Chrome，Opera和Safari都支持SVG。IE8和早期版本都需要一个插件 - 如Adobe SVG浏览器，这是免费提供的。
创建SVG
由于SVG是XML文件，SVG图像可以用任何文本编辑器创建，但它往往是与一个绘图程序一起使用，如Inkscape，更方便地创建SVG图像。
使用Inkscape制作SVG图片
官方文档：点击查看
简单实例：点击查看
Inkscape是一款外国开发的开源矢量图形编辑软件。它是一套矢量图形编辑器，以自由软件授权发布与使用。该软件的开发目标是成为一套强力的绘图软件，且能完全遵循与支持XML、SVG及CSS等开放性的标准格式。Inkscape是一套跨平台性的应用程序，Windows、Mac OS X、Linux及类UNIX版等操作系统。
Inkscape使用 W3C 标准的 ScalableVector Graphics (SVG) 文件格式，支持包括形状、路径、文本、标记、克隆、alpha 混合、变换、渐变、图案、组合等 SVG特性。它也支持创作共用的元数据、节点编辑、图层、复杂的路径运算、位图描摹(根据点阵16进制色差复制绘制矢量图的算法)、文本绕路径、流动文本、直接编辑 XML 等。它可以导入JPEG、PNG、TIFF 等格式，并输出为 PNG 和多种位图格式。除了支持Windows外，Inkscape还有支持Linux与Mac的版本。
Inkscape界面
我们可以使用Inkscape 制作矢量图片也可以使用代码来实现。见 wide 制作SVG图片