svg入门详解（理论篇）

cc.jpg

一、svg是什么？

SVG 意为可缩放矢量图形（Scalable Vector Graphics）。
SVG 是使用 XML 来描述二维图形和绘图程序的语言。
SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失。
SVG 是万维网联盟的标准。

二、svg的优势

与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：

• SVG 图像可通过文本编辑器来创建和修改；
• SVG 图像可被搜索、索引、脚本化或压缩；
• SVG 是可伸缩的；
• SVG 图像可在任何的分辨率下被高质量地打印；
• SVG 可在图像质量不下降的情况下被放大；

三、浏览器支持情况

image.png

四、使用方式

1、可在浏览器直接打开；
2、在HTML中的使用；
SVG 文件可通过以下标签嵌入 HTML 文档：、