SVG介绍---摘自百度百科

来源:互联网 发布:借款网站源码 编辑:程序博客网 时间:2024/05/19 00:53

SVG编辑器:SVG Developer,可视化生成SVG矢量图,同时生成可执行代码xml描述语言。


SVG可缩放矢量图形(Scalable Vector Graphics)是基于

svg logo

  svg logo

可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG是W3C("World Wide Web ConSortium" 即 " 国际互联网标准组织")在2000年8月制定的一种新的二维矢量图形格式,也是规范中的网络矢量图形标准。SVG严格遵从XML语法,并用文本格式的描述性语言来描述图像内容,因此是一种和图像分辨率无关的矢量图形格式。

SVG不是一个私有格式,而是一个开放的标准。也就是说,它并不是属于任何个体的专利,而是一个通过协作、共同开发的工业标准。正是因为这点,才使得SVG能够得到更迅速的开发和应用。成员都是一些知名厂商, 如Adobe苹果、AutoDesk、BitFlash、Corel、惠普IBM、ILOG、INSO、Macromedia、微软Netscape、OASIS、Open Text、Quark、RAL(C C LRC)、Sun、ViSiO、施乐等。

 格式优点:

1.基于XML

2.采用文本来描述对象

    SVG包括3种类型的对象:矢量图形(包括直线、曲线在内的图形边)、点阵图像和文本。各种图像对象能够组合、变换,并且修改其样式,也能够定义成预处理对象。

采用文本描述的优点:

 1)使得SVG图像文件可以像HTML网页一样有着很好的可读性。当用户图像工具输出SVG后,可以用任何文字处理工具打开SVG图像,并且可看到用来描述图像的文本代码。掌握了SVG语法的人甚至可以只用一个记事本便可以读出图像中的内容来。

2)SVG文件SVG文件中的文字虽然在显示时可呈现出各种图像化的修饰效果,但却仍然是以文本的形式存在的,可以选择复制、粘贴。

3)由于SVG内的文字都以文本的形式出现在XML文件中, 这些信息可以为搜索引擎所用,而以往搜索引擎通常无法搜索到写在点阵图像中的文字。这些文本信息还可以帮助视力有残疾而无法看到图形的人,可以通过其他方式(如声音)来传送这些信息。

3.具有交互性和动态性

由于网络是动态的媒体,SVG要成为网络图像格式,必须要具有动态的特征,

SVG工作流

  SVG工作流

这也是区别于其它图像格式的一个重要特征。SVG是基于XML的,它提供无可匹敌的动态交互性。你可以在SVG文件中嵌入动画元素(如运动路径、渐现或渐隐效果、生长的物体、收缩、快速旋转、改变颜色等),或通过脚本定义来达到高亮显示、声音、动画等效果。


4.完全支持DOM

DOM(Document Object Model文档物件模型)是一种文档平台,它允许程序或脚本动态的存储和上传文件的内容、结构或样式。由于SVG完全支持DOM, 因而SVG文档可以通过一致的接口规范与外界的程序打交道。SVG以及SVG中的物件元素完全可以通过脚本语言接受外部事件的驱动,例如鼠标动作,实现自身或对其他物件、图像的控制等。这也是电子文档应具备的优秀特性之一。


SVG的优势:

1)占用空间少,因为它是存储点和线来描述图像,文件比较小,比较适合直接打印或输出。而位图是存储图像上每一点的像素值,所以位图占用的空文件大,传输时会占用大量的网络带宽。SVG是一种矢量图形格式,GIF,JPEG是光栅文件格式。

2)SVG可以任意缩放,与分辨率无关,不会破坏图像的清晰度、细节等。

3)文本独立:SVG中的文字独立于图像,保持可编辑状态和可搜索状态。也不会再有字体的限制,用户系统及时没有安装某一字体,也会看到和他们制作时完全相同的画面。

4)较小的文本:总体来讲,SVG文件比那些GIF和JPEG格式的文件要小很多,因而下载也很快。

5)超强现实效果:SVG图像在屏幕上总是边缘清晰,它的清晰度适合任何屏幕分辨力和打印分辨力。

6)SVG图像提供一个1 600万种颜色的调色板,支持ICC颜色描述文件标准、RGB、线X填充、渐变和蒙版

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


SVG & HTML5,HTML5内联SVG

SVG的优势:

与其他图像格式相比(比如 JPEG 和 GIF),使用 SVG 的优势在于:
SVG 图像可通过文本编辑器来创建和修改
SVG 图像可被搜索、索引、脚本化或压缩
SVG 是可伸缩的
SVG 图像可在任何的分辨率下被高质量地打印
SVG 可在图像质量不下降的情况下被放大

浏览器支持

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持内联 SVG。Internet Explorer 8或更早版本,可通过安装Adobe SVG Viewer以支持SVG


手机上的应用

目前,市面上已经有100多款智能手机提供此服务,其中包括诺基亚、摩托等巨头的产品,由此可见,SVG手机将成为3G时代的一个最重要的市场制高点,也将是国内手机厂商应对和超越海外兵团的一个突破口。

原创粉丝点击