语言►SVG

什么是SVG

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/12/11/%E4%BB%80%E4%B9%88%E6%98%AFSVG/

摘要

本文主要讲述了：

  1. 什么是 SVG
  2. 文件扩展名
  3. MIME 类型
  4. 优点

正文

什么是 SVG

SVG，全称为”Scalable Vector Graphics”（可缩放矢量图形）

SVG 是一种基于 XML 的矢量图格式。

SVG 的初始版本发布于 2001 年 9 月 4 日，目前的最新版本为1.1（发布于 2011 年 8 月 16 日）

示例：learn_svg/index.svg

1
2
3
<svg xmlns="http://www.w3.org/2000/svg">
    <rect width="100" height="100"/>
</svg>

文件扩展名

.svg

MIME 类型

image/svg+xml

优点

  • 不同于jpeg、png、gif等栅格图（位图），矢量图可以无限缩放而不会损失图片质量
  • IE9+均支持渲染 SVG 图片

注：无损压缩和矢量图之间没有必然关系。jpg是有损压缩格式，png是无损压缩格式，但它们都是位图

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/12/11/%E4%BB%80%E4%B9%88%E6%98%AFSVG/

本文对你有帮助？请支持我

支付宝
微信