黄缙华

黄缙华的博客

他的个人主页  他的博客

基于XML的SVG的探讨(一)

黄缙华  2009年07月30日 星期四 10:57 | 1660次浏览 | 2条评论

什么是SVG,SVG是怎么来的?很多朋友会有这样的疑问。这篇小文会给大家解释一下这个问题。也许这对很多的朋友都没有什么用处,但希望这点东西能对想了解的朋友有一点点帮助吧。

背景:随着Internet 技术的普及和发展, 静态Web 网页存在很大的缺陷,如其可交互性差、更新不方便。由于这些缺点,动态Web 网页应运而生。1998 年W3C 组织提出矢量图像的初始标准VML ( 矢量标记语言) 和PGML ( 精度图像标记语言)。然而,这两个标准因为其性能的不足,未能普及。基于些,W3C组织以XML语言为基础,结合了VML和PGML的优点,发布了SVG(Scalable Vector Graphics   可缩放的矢量图形)。

 

定义:SVG(Scalable Vector Graphics)可缩放的矢量图形。顾名思义,这是一个矢量图形的标准,用来描述图形的标记语言,它具有可缩放性,矢量特性。 其基于XML语言,具有XML的一般特性。SVG 提供了矢量图形、图像、渐变填充、滤镜操作、可重用单元和文本等操作对象, 并在此基础上可进行组合、添加样式、几何变换、复合等操作。特征集包括嵌套变换、剪切路径、Alpha 蒙版、滤镜效果、模板对象和动画效果, 极大地丰富了图形图像的显示效果。

 

特点:SVG与传统的图形有什么优势,这是值得我们思考的。我们先从SVG的特点来看。

1.SVG是基于XML的。XML是一种标记语言,其语法灵活,而且以文本的形式表现。开放性和可扩展性很强,有利于进一步的发展。而且,可以实现不同平台的切换,具有跨平台性。

2.SVG是矢量图形。这可以保证图形的缩放,变形,分辨率,下载速度等问题。相对传统的位图来说,这是一个很大的进步,比位图灵活。

3.SVG可以无极缩放。上面提到可以保证其缩放性,这种缩放是可以实现无极缩放的。也就是说,不管你缩放到什么程度,都不会影响图形的品质。

4.文本特性。由于其是基于XML的,是用文本来表示图形的,因此占用的资源少,下载速度快。用文本打开就可以编辑,易修改。

5.具有交互性。过去的位图只是图片,不存在交互性。而SVG编辑的图形是可以与用户交互的,能过DOM接口,可以用JavaScript来实现其交互性。这是对网络的互动性有力支持。

 

小结:本小结讲SVG的来历,定义,特点。希望对大家能够有帮助。以后会慢慢的介绍一些我对SVG的浅显的看法,及一些应用。

评论

我的评论:

发表评论

请 登录 后发表评论。还没有在Zeuux哲思注册吗?现在 注册 !
夏武

回复 夏武  2009年07月30日 星期四 11:19

SVG和javascript一起可以做出很酷的应用来。

1条回复

暂时没有评论

Zeuux © 2022

京ICP备05028076号