爱子日志

SVG、什么是SVG、SVG用什么打开

什么是SVG

SVG可缩放矢量图形(Scalable Vector Graphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。
SVG由W3C制定,是一个开放标准。
是一种和图像分辨率无关的矢量图形格式。

SVG Basic又称SVGB,是英语「Scalable Vector Graphics, Basic Profile」的简写,可以翻译为「可缩放的矢量图形标准的基本版」。它是SVG的一个子集,而主要目标是为掌上电脑等高端移动设备提供矢量图形显示格式。

SVG Tiny又称SVGT,是英语「Scalable Vector Graphics, Tiny Profile」的简写,可以翻译为「可缩放的矢量图形标准的微型简化版本」。它也是SVG的一个子集,而主要目标是为手机等低端移动设备提供矢量图形显示格式。


这张图片展示了位图和矢量图的区别。
位图是由点构成的,矢量图则是由一些形状元素构成。该图中显示放大位图可以看到点,而放大矢量图看到的仍然是形状。SVG属于矢量图,因此能够无级缩放,而不会导致马赛克。










SVG主要支持以下几种显示对象:

1.矢量显示对象,基本矢量显示对象包括矩形、圆、椭圆、多边形、直线、任意曲线等
2.嵌入式外部图像,包括PNG、JPEG、SVG等
3.文字对象。

SVG可以实现动态和交互功能。在DOM模型的基础上,SVG开发设计人员可以利用ECMAScript或者SMIL来进行时序控制或对象的操纵。SVG虽然是文本格式,但是SVG支持利用gzip压缩算法减少文件尺寸,压缩后的文件通常用被称为「SVGZ文件」。










SVG用什么打开、SVG显示

一、插件支持
Adobe SVG Viewer,2009年1月1日已停止该产品的支持
Corel SVG Viewer

二、本地支持
比较著名的 SVG 项目包括 Mozilla SVG Project,KDE 的 KSVG,以及 Amaya 等。
Mozilla Firefox自版本 1.5 发行后,即开始支持 SVG 格式的显示。
基于 Java 的 SVG 项目主要有 Batik SVG Toolkit 等。
Opera、Google Chrome和Safari支持SVG显示。
Microsoft的Internet Explorer 8.0版之前尚未支持SVG,直至由Internet Explorer 9.0版开始支持SVG。



各种SVG解释器支持程度比较
W3C的SVG网站上有一个测试套件可以用来测试SVG解释器对于标准的支持。这个套件既可以在线运行也可以下载到本地运行。

截至2007年中,对于流行的SVG软件有如下测试结果:

对SVG支持最好的浏览器是Opera,它支持大多数的SVG特性。
对于专门的SVG浏览器,Batik SVG viewer能对大多数特性有良好支持,与Opera不相伯仲。但它不能和浏览器互动。
加载了Adobe SVG Viewer的Internet Explorer也能支持多数SVG特性,但是由于没有浏览器的原生支持,在交互方面许多特性不支持。
Mozilla Firefox 2.0对SVG特性的支持相当弱,许多重要特性如动画等都不能支持。










编辑设计工具
能够设计SVG图形作品的软件工具包括Adobe Illustrator以及CorelDRAW等。
而开放源代码的软件有Scribus、Karbon14、Inkscape以及Sodipodi等。
另外也有开放源码、功能简单但容易操作、免安装的线上SVG设计工具,例如svg-edit










SVG面临的主要问题
如何和已经占有重要市场份额的矢量图形格式Adobe Flash竞争的问题;
SVG的本地运行环境下的厂家支持程度。










SVG格式优点

1.图像文件可读,易于修改和编辑
2.与现有技术可以互动融合。例如,SVG技术本身的动态部分(包括时序控制和动画)就是基于SMIL标准。另外,SVG文件还可嵌入JavaScript(严格地说,应该是ECMAScript)脚本来控制SVG对象
3.SVG图形格式可以方便的建立文字索引,从而实现基于内容的图像搜索
4.SVG图形格式支持多种滤镜和特殊效果,在不改变图像内容的前提下可以实现位图格式中类似文字阴影的效果
5.SVG图形格式可以用来动态生成图形。例如,可用SVG动态生成具有交互功能的地图,嵌入网页中,并显示给终端用户










SVG标准制定开发历史
1.W3C于2001年9月4日发布SVG 1.0。
2.W3C于2003年1月4日发布SVG 1.1。
3.W3C于2003年1月14日推出SVG移动子版本:SVG Tiny和SVG Basic。
4.2008年12月22日,SVG Tiny 1.2成为W3C的推荐标准。
5.W3C目前正在研究制定SVG 1.2版本。










SVG示例

SVG格式是XML的一种,SVG文件其实只是普通的文本文件,用一般的文本编辑器便可查看或修改。



"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
width="467" height="462">

stroke="black" stroke-width="2px" />

stroke="black" stroke-width="2px" fill-opacity="0.7" />












http://baike.baidu.com/view/85022.htm
http://zh.wikipedia.org/zh/SVG
SVG W3C SVG 官方标准网站:http://www.w3.org/TR/SVG/聚划算