什么是SVG？

什么是 SVG 呢？

SVG 是 Scalable Vector Graphics 的首字母缩写，翻译成中文表示可缩放矢量图形。可缩放我们知道，那矢量图形又是什么呀，矢量图也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象，每个对象都是一个自成一体的实体，它具有颜色、形状、大小、轮廓、和屏幕位置等属性。

SVG 是 W3C 推出的基于 XML 的二维矢量图形标准，也就是一种用于描述二维的矢量图形。SVG 可以提供高质量的矢量图形渲染，同时由于支持 JavaScript 和文档对象模型，SVG 图形通常具有强大的交互能力。

SVG有什么优势

现在我们已经知道了什么是 SVG，它就是一种用于描述二维的矢量图形。那么我们为什么要使用 SVG 呢？或者说 SVG 有什么优势让我们使用它呢。

SVG 的优势如下所示：

• SVG 是可伸缩的，并且伸缩不会对图像质量造成影响，而一般普通的图像放大或者缩小容易导致变形，例如 JPG 或 PNG 等。
• SVG 图像可在任何的分辨率下被高质量地打印。
• SVG 图像可被多种工具读取和修改，例如文本编辑器等。
• SVG 图像可被搜索、索引、脚本化或压缩 。
• SVG 图像与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。
• SVG 可以与 Java 技术一起运行。

SVG 创建工具

由于 SVG 是 XML 文件，SVG 图像是可以使用任何文本编辑器创建的，但是它往往是与一个绘图程序一起使用的，比如 Inkscape、Adobe Illustrator，这样更加方便的创建 SVG 图像。

Inkscape 是一套开源的矢量图形编辑器，使用 W3C 标准的 SVG 文件格式，支持包括形状、路径、文本、标记、克隆、alpha 混合、变换、渐变、图案、组合等 SVG 特性。也支持创作共用的元数据、节点编辑、、图层、复杂的路径运算、位图描摹文本绕路径、流动文本、直接编辑 XML 等。还可以导入 JPEG、PNG、TIFF 等格式，并输出为 PNG 和多种位图格式。Inkscape 是一套跨平台应用程序，有 Windows、Mac OS X、Linux等操作系统。下载地址：https://inkscape.org/。

SVG使用方式

SVG 有四种常见的使用方式，如下所示：

• 第一种，直接在 HTML 中作为 <svg> 标签使用。
• 第二种，在 HTML 中通过 <img> 标签来引用。
• 第三种，通过浏览器直接打开 SVG 文件。
• 第四种，可以作为 CSS 背景使用。

链接：https://www.9xkd.com/