网页图片存储格式-SVG

今天来聊聊图片存储的格式-svg
SVG是一种图像文件格式，它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。
简单来说：

1. SVG 用来定义用于网络的基于矢量的图形
2. SVG 使用 XML 格式定义图形
3. SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
4. SVG 是万维网联盟的标准
5. SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体
6. SVG是一个xml文件，可以用很多编译器创建

svg图片存储格式必须为 .svg，这个格式的图片优势也十分明显，我觉得最主要的竞争力是他可以在放大的情况下不失真，图像质量不会下降。

下面是一个svg图的实例：

<?xml version="1.0" standalone="no"?>
<!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" version="1.1">
  <circle cx="100" cy="50" r="40" stroke="black"
  stroke-width="2" fill="red" />
</svg>

svg的特点也很多：

1. SVG 可被非常多的工具读取和修改（比如记事本）
2. SVG 文件是纯粹的 XML
3. SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。SVG 图像可在任何的分辨率下被高质量地打印，SVG 可在图像质量不下降的情况下被放大
4. SVG 图像中的文本是可选的，同时也是可搜索的（很适合制作地图）
5. SVG 是可伸缩的
6. SVG 可以与 Java 技术一起运行
7. SVG 是开放的标准

svg的实例和特性还有很多，就不一一列举了，有兴趣的小伙伴可以私下交流下！