今天来聊聊图片存储的格式-svg
SVG是一种图像文件格式,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形。它是基于XML(Extensible Markup Language),由World Wide Web Consortium(W3C)联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像,可以用任何文字处理工具打开SVG图像,通过改变部分代码来使图像具有交互功能,并可以随时插入到HTML中通过浏览器来观看。
简单来说:
- SVG 用来定义用于网络的基于矢量的图形
- SVG 使用 XML 格式定义图形
- SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
- SVG 是万维网联盟的标准
- SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体
- 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的特点也很多:
- SVG 可被非常多的工具读取和修改(比如记事本)
- SVG 文件是纯粹的 XML
- SVG 与 JPEG 和 GIF 图像比起来,尺寸更小,且可压缩性更强。SVG 图像可在任何的分辨率下被高质量地打印,SVG 可在图像质量不下降的情况下被放大
- SVG 图像中的文本是可选的,同时也是可搜索的(很适合制作地图)
- SVG 是可伸缩的
- SVG 可以与 Java 技术一起运行
- SVG 是开放的标准
svg的实例和特性还有很多,就不一一列举了,有兴趣的小伙伴可以私下交流下!