Question

svg的作用及工作原理是什么？

Answer 1

可以任意放大图形显示，但绝不会以牺牲图像质量为代价；可在SVG图像中保留可编辑和可搜寻的状态；平均来讲，SVG文件比JPEG和PNG格式的文件要小很多，因而下载也很快。可以相信，SVG的开发将会为Web提供新的图像标准。

1、 SVG 可被非常多的工具读取和修改（比如记事本）

2、 SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。

3、 SVG 是可伸缩的

4、 SVG 图像可在任何的分辨率下被高质量地打印

5、 SVG 可在图像质量不下降的情况下被放大

6、 SVG 图像中的文本是可选的，同时也是可搜索的（很适合制作地图）

7、 SVG 可以与 JavaScript 技术一起运行

8、 SVG 是开放的标准

9、 SVG 文件是纯粹的 XML

工作原理

它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。

用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。

SVG图像及其行为在XML文本文件中定义。这意味着可以对其进行搜索，建立索引，编写脚本和进行压缩。

作为XML文件，可以使用任何文本编辑器以及绘图软件来创建和编辑SVG图像。在阿拉伯语Unicode的 程序员和书法家，托马斯·米洛维基百科归功于采用SVG作为为什么小型成像技术得到普及的原因。

对象类型

SVG允许3种图形对象类型：

矢量图形、栅格图像以及文本。图形对象——包括PNG、JPEG这些栅格图像——能够被编组、设计、转换及集成进先前的渲染对象中。文本可以在任何适用于应用程序的XML名字空间之内，从而提高SVG图形的搜索能力和无障碍性。

SVG提供的功能集涵盖了嵌套转换、裁剪路径、Alpha通道、滤镜效果、模板对象以及可扩展性。

SVG严格遵从XML语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。

以上内容参考 百度百科-SVG格式

Answer 2

可以随意放大图形显示，但绝不能以牺牲画质为代价；可以在SVG图像中保持可编辑和可搜索状态；一般来说，SVG文件比JPEG和PNG格式的文件小得多，所以可以快速下载。相信SVG的发展将为Web提供一种新的图像标准。1.SVG可以被许多工具读取和修改(比如记事本)。2.与JPEG和GIF图像相比，SVG的尺寸更小，可压缩性更强。3.SVG是可伸缩的。4.SVG图像可以以任何分辨率高质量打印。5.SVG可以在不降低图像质量的情况下放大。6.SVG图像中的文本是可选的，同时也是可搜索的(非常适合制作地图)7.SVG可以用JavaScript技术运行。8.SVG是一个开放的标准9.SVG文件是纯XML操作原理它基于XML(可扩展标记语言)，由万维网联盟(W3C)开发。严格来说，它应该是一种开放的标准矢量图形语言，可以让你设计出令人兴奋的、高分辨率的Web图形页面。用户可以直接用代码绘制图像，用任何文字处理工具打开SVG图像，修改一些代码使图像具有交互功能，随时插入HTML中通过浏览器查看。SVG图像及其行为是在XML文本文件中定义的。这意味着它可以被搜索、索引、编写脚本和压缩。作为XML文件，您可以使用任何文本编辑器和绘图软件来创建和编辑SVG图像。阿拉伯Unicode程序员和书法家ThomasMiloWikipedia认为采用SVG是小型图像技术流行的原因。对象类型SVG允许3种图形对象类型:矢量图形、光栅图像和文本。图形对象，包括诸如PNG和JPEG的光栅图像，可以被分组、设计、转换和集成到先前的渲染对象中。文本可以位于任何适合应用程序的XML名称空间中，从而提高SVG图形的搜索能力和可访问性。SVG提供的特性集涵盖了嵌套变换、裁剪路径、Alpha通道、滤镜效果、模板对象和扩展性。SVG严格遵守XML语法，使用文本格式的描述性语言来描述图像内容，因此是一种独立于图像分辨率的矢量图形格式。