SVG简介及相关工具

关注

原创最新推荐文章于 2024-02-12 15:18:35 发布 5.2k 阅读 AI 写同款· GEO 优化 ›

SVG to Canvas在线转换工具为什么80%的码农都做不了架构师？>>> ... 阅读详情

SVG(Scalable Vector Graphics)

SVG是一种基于XML的开放的矢量图形描述语言。SVG图像是与XML1.0兼容的文档，SVG元素是指示如何绘制图像的一些指令，阅读器(Viewer)解释这些指令，把SVG图像在指定设备上显示出来。使用SVG可以在网页上显示出各种各样的高质量的矢量图形，支持很多您想象得出的功能：几何图形、动画、渐变色、滤镜效果等。最关键的是，它也是完全用普通文本来描述的！也就是说，这是一种专门为网络而设计的基于文本的图像格式。

SVG是对PGML和VML的一种综合,所以VML的优点也就成为SVG的优点，例如：

基于XML标准

高质量的矢量图像

由文本构成的图像

我们可以不用任何图像处理工具，仅仅用记事本就可以生成一个SVG图像。这对于图像处理的工作者来说可能会感到不可思议。其实仔细想想也可以理解，矢量图像一般是以算法指令来描述，建立在文本基础上的SVG图像中所有的描述语句都可以直接观察到，所以也非常容易进行二次修改与更新，"可升级"的特点在这里可以得到恰当的反映。

SVG还有一些优点：

灵活的文件格式

SVG可升级的特性不仅仅表现在二次修改方面，还表现在另外很多地方，包括这里介绍的灵活的文件格式。在以前的图像中，文本都作为位图而保存于图像中，图像形成以后不能单独对文本进行修改；在PNG格式中这一点有所改进，文本可作为一个独立的层存在；SVG更灵活地扩展了图像的文件格式，它由三个部分组成：矢量图形、位图和文字。这样SVG不仅仅可以应用矢量图像和文字对象，同样可以纳入位图，可以制作出任何其它格式图像能达到的效果。由于文件格式是文本形式的，可以很容易地在以后任何时候进行修改。而且在页面运行的过程中，也可以对很多部分做即时的修改，其中的图形描述还可以重复使用。

支持交互和动画

SVG支持SMIL（synchronized multimedia integration language），使得用户可以自由的同SVG中的元素完成一些交互的动作，从而完成既定的目标，这一点在目前单独依靠图片是完成不了的，需要由网页中的脚本语句来实现。

支持字符查找

查找"图片"中的字符，在SVG中成为可能。而这在其它格式的图片文件中则是不可能的。

支持Xlink 和Xpointer

这样就可以在SVG文档之间制作超级链接。

SVG作为W3C组织正式推荐的图像格式，拥有众多的支持机构。像Adobe公司已经宣称将在推出的Adobe图像处理套件如Illustrator、Photoshop、GoLive和Cyber Studio中集成SVG的全部功能，并且还提供Netscape Navigator和IE的插件，以便使其能够直接支持SVG文件的浏览。Netscape和Microsoft公司也已经开始进军SVG领域，这标志着未来的网络浏览器将会内置对SVG文件的支持功能。

SVG相关工具

SVGView：是一个可以使IE、Netscape等浏览器浏览SVG的插件，安装了SVGView插件的IE可以直接打开SVG格式的文件进行浏览，可以到Adobe公司的网站下载。

SVGmaker：SVGmaker is a discreet software component you can deploy standalone or as part of your own content production system. Client side and server side configurations of SVGmaker generate SVG output from popular 3rd party programs including PowerPoint(tm), Excel(tm), Word(tm), CAD, your in-house Windows applications and thousands more.

GeoCon：开源的，C#实现，可以将MIF，SHP格式文件转换到GML，SVG格式。只支持读取，功能一般。

Batik：是一个基于Java技术的SVG（可扩展矢量图）工具包。applications或applets使用这个工具包可以查看、生成、处理SVG格式的图片。

收录于