网页图片存储格式-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的实例和特性还有很多,就不一一列举了,有兴趣的小伙伴可以私下交流下!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容