账号:
密码:
最新动态
产业快讯
CTIMES / 文章 /
探究SVG的发展现况
 

【作者: B.K.】2000年12月01日 星期五

浏览人次:【5995】

前言


如果您注意到目前网络上Flash动画的发展时,会发现其几乎成为2D多媒体影片的最佳工具(卡通、漫画、游戏..等等),例如十月获得八项金手指网络奖的「阿贵」网站,但是Flash出现的另一项重要意义则在于绘制网页上的向量图形,其仅要纪录图形的形状、大小、颜色、文字、路径、位置内容等相关信息,传送至用户计算机后由Flash Player运算显示,如此档案将大为减小,并可任意缩放、移动,而不减损质量,但是这方面功能多被忽略,以至一般网页图形仍以GIF档为主,虽可进行非破坏性压缩,然而仅256色颜色支持,难以充分表现丰富的色彩与创意。



事实上向量绘图早已广泛出现在常用工具软件中,最大特色为藉由简单几何形状、不规则形状,或是现成的图库,组合出示意图、流程图、专业插画等,例如Office系列中的绘图工具,绘制专业流程图的Visio,工业辅助设计的AutoCAD、3D模型与动画制作软件、以及专业级的绘图软件,如CorelDRAW、Illustrator等,未来这些绘图作品或信息也必将上网,只是如何表达?甚至是交换传递其中包含的数据数据,如果将其转换成位图档(Bitmap),档案K数必大增,而为了打印的需要,也必须另外制作大的高分辨率档案,或是提供原始档下载。



为了解决以上网页制作以及数据上网与交换的问题,W3C在2000年8月通过推荐SVG(Scalable Vector Graphics)规格标准,尝试以XML为基础在网络上呈现向量图形,由纯文本的媒体,对浏览器述说图形设计创意,转为视觉可及的网页画面。



SVG的简史


在1998年4、5月时,Adobe与Microsoft各自向W3C提出PGML与VML,作为网络向量图形的规格提案时,始爆出软件大厂对此领域的竞争冲突关系,此时Macromedia已于1997年底推出Flash2.0版。1999年2月W3C提出第一份SVG的草案,而在2000年8月初时,由W3C推荐的SVG1.0版规格始告完成,并正式对外宣布,Flash也于稍后发展至5.0版,做为Seybold2000大展的秘密武器,并且早已经成为网络向量图形构成的最佳软件。



参与SVG规格制定的厂商,共包含Adobe、Apple、Autodesk、BitFlash、Corel、 HP、IBM、ILOG、INSO、Macromedia、Microsoft、Netscape、OASIS、Open Text、 Quark、RAL(CCLRC)、Sun、Visio、Xerox等,几乎囊括此领域所有重要厂商与组织,也使得SVG似乎得到完整的背书,符合所有厂商的需求(或是折衷)。



SVG的主要特性


细究SVG的规格,笔者认为其最伟大之处在于将图形整合入XML纯文本文件中,而非单纯地「插入图形」,所以将会伴随以下的优点:



1.以XML为基础的开放标准:由于XML将成为未来网络与软件间的主要数据共通格式,以利交换与分享,换言之,SVG也将有此特性,以纯文本的卷标与数据构成图形,仅要绘制(或称「撰写」图形,这可是新的概念),就能在任何可以编辑纯文本的软件中编修,或是任何支持XML的软件中显示与修改制作,甚至跨不同平台,例如以下即为一段标准的SVG程序代码与显示出的结果见(图一)。



《图一 SVG程序代码与显示出的结果》






"http://www.w3.org/TR/2000/CR-SVG-20000802/DTD/svg-20000802.dtd">





An SVG example.







Show a simple SVG example.





仅由一行程序代码,利用SVG就能个别表现出矩形、椭圆形与文字。



2.同时整合图形、影像与文字:除了向量图形外,另可整合影像(GIF、JPEG、PNG等),以及文字,透过CSS2的WebFont规格以表现不同字型文字的差异,并支持Unicode显示各国文字。



3.完整的向量图形特性支持:由于向量图形仅描述图形的特征,利用Client端的运算能力显示图形成果,因此档案极小,并且质量不会随缩放动作而减损,同一个档案可同时作为低分辨率显示与高分辨率打印,不过对于自然环境的丰富颜色层次则比不上位图档,以上的特性亦将出现在SVG上。其并且包含渐层、阴影、滤镜效果、剪辑路径外框、屏蔽、透明度、精确颜色控制等向量绘图基本功能支持,所以符合设计师的基本要求。



4.以搜索引擎直接寻找:在纯文本的XML基础上,任何一个SVG图形、文字均能透过一般搜索引擎直接寻找,相信对于网络上诸多的统计、流程图表特别有用。



5.与XML其它家族的整合:同样作为XML的子集合,必然能与HTML、CSS、XSL等完全整合,加上符合DOM(Document Object Model)Level 1.0,所以可运用JAVA Script等控制图形对象,产生动画与互动效果,简单如onMouseover等事件。对于更广泛的多媒体整合上,同时配合SMIL(Synchronized Multimedia Integration Language),将可以精确控制图形出现时间、顺序、并整合视讯与音频档,势必可达成如同Flash现有的功能,但是却能在多数软件间共享与编辑制作,不必人手一套Flash,并且减少网络工作者的学习与适应时间。另一方面将进而使其超越原本的平面图形制作,在某些运用方面直接取代HTML。



6.显示设备:透过XML家族的普遍应用,例如WML、cHTML等,也将使SVG得以出现在各种尺寸的显示配备,例如PDA、手机、电子书等,突显其绝佳的显示缩放弹性。



SVG的应用发想


通常向量绘图的应用范围在结构与色彩较为单纯、可用几何图形表现的商业与教育用图表、统计图、流程图,或是较为抽象的插画、海报创作、接口设计以及地图数据绘制等,因此您便能体会,如果直接将文字数据由图形中抽离时,则可能:



1.实时变动的统计图表:不论是投票、问卷调查、股市分析图表等,均可依据由数据库汇入的最新数据改变统计图中的相关图形比例、颜色、形状等,或是将数据导出制作交叉分析与其它型式的图表。



2.精确的广告营销:以SVG进行互动营销广告制作,依据进入用户不同,或是会员本身数据等,改变广告的文案与图形内容,更确实吸引用户的注意,进而由用户进一步的反应改变营销与活动方式。



3.顺畅的行动商务:随着GPS的普及,电子地图应用必遽增,若以SVG制作,一方面放大缩小无碍,另也可文字数据抽离进行应用,例如旅馆的订房,仅要选择地图中的最近旅馆名称,即可运用图中所附的联系电话数据,自动拨号订房。



4.快速的商品搜寻:以SVG将商品照片、介绍文字、规格数据、说明图文、价格等,进一步整合SMIL插入影片,JAVA Script互动控制,即可制作更完整的电子多媒体互动型录文件,并且透过搜索引擎直接寻找。



5.电子书:能整合图片、文字、影像,那不就等于一本平面类型的书籍吗?的确,SVG在电子书的发展有其潜力,加上其能毫无障碍地显示各种字型,相信会是PDF文件格式的竞争对手。



SVG与Flash的竞合关系


虽然SVG与Flash间的发展目标一致,但是前者为一开放性标准,后者则是生财的软件产品,除非Macromedia有压迫大小厂商与其配合的能力,否则标准必然发生其影响力。以Flash 5而言,功能早已超越SVG1.0,要将Flash的SWF部分转换成SVG应不是问题,不过也必然无法完全转换,超前的Flash效果也将成为SVG之后版本仿照的模板,提供其它厂商超越Flash的机会,以下为简单的比较表(表一)。




《表一 SVG与Flash比较表》



除了Flash之外,目前网络上呈现向量图形的方式还有Apple的QuickTime,在4.0的版本时已可支持Flash动画,而其另一方面也新增Sprites轨,以制作向量图形的动画效果,甚至是简单的互动游戏包含至影片中。



SVG的制作实务与问题


目前主要的向量绘图软件,如CorelDRAW9具有SVG的Filter程序以将作品输出,Aodbe的Illustrator9则直接支持SVG的输出,但是标榜制作SVG的工具软件,仅有JASC(Paint Shop Pro原厂)的Trajectory,目前虽然仅发展至0.3版(支持2000年3月公布的SVG草案),但是已在其网站(www.jasc.com)提供试用版下载服务,也可见此领域未来竞争激烈的程度。



如(图二),其仅能算是简单的绘图软件,笔者试做一个500*500像素长宽的网页,加了一些立体特效,最后输出的SVG文本文件大小约为52KB左右,再以IE 5浏览器加装Adobe的SVG Viewer插件1.0版,发现显示仍有问题(相信此Viewer显示Illustrator的作品必完美无缺)。



《图二 仔细观察原始设计图与预览结果间的差异,原本横幅上的「SVG」文字无法显示》


以上的步骤预告了SVG发生兼容性问题的可能,未来或许每家软件厂均得因应产品的特性而研发出独自的SVG规格版本,开放标准的用意也将荡然无存。另一方面,此500*500长宽的范例页面,如果储存成JPEG或是GIF档,大小也在50KB以下,显示出复杂的SVG网页对于节省带宽效果将有待商权。



对于网页制作软件产业的影响


在网页制作软件方面,Adobe、Macromedia、Microsoft三大厂的鼎立态势已然形成,三者均有其产品Studio组合,并以相似的操作接口提供完整的解决方案。当SVG以网页程序代码表示图形后,网页制作软件必然可直接解读,不必丢到其它软件进行,所以其将具备符合SVG1.0的绘图功能,届时原本的向量绘图与动画软件地位将大受影响,毕竟消费者总希望在一个软件中完成所有工作,而一般的排版软件,如Quake、PageMaker等,通常已具备向量绘图功能(网页制作软件即将往排版软件方向前进)。



而另一方面则预告新软件的可能产生,融合XML、SVG、SMIL、JAVA Script等,在同一套软件(或是所谓的.NET网络环境)中,开发多媒体与网页,由于完成依据开放的标准,可能会为新公司带来机会。



何时才可使用SVG?


此问题主要牵涉到浏览器的开发进度,在IE5.5与Netscape 4.X版均未支持SVG的情况下,用户必须先安装Adobe或是IBM的Viewer程序,否则无法显示出SVG图形,虽然多数人均表示乐观,不过在2000年11月中旬正式上市的Netscape 6浏览器并未支持SVG,而IE 6的测试报告中亦未提及,看来仅有W3C本身发展,用以测试新技术的Amaya4.0号称已支持,因此距离SVG的实用期可能还有一段时间。



各家软件厂商的SVG策略


对于前面提及的兼容性问题、浏览器问题,均取决于软件业界的生态,SVG仅是公开的建议标准,并无强制性,当MS的IE独占市场后,几乎与「标准」画上等号,虽然自定义过程各大厂商均参与,然后由目前的支持情况已可明显嗅出厂商间的竞争,如果主要的软件厂商不打算做太多的配合,则未来的生存与应用必发生阻碍,以下为几个主要厂商的态度。



Adobe-热情拥抱SVG


Adobe是目前最支持SVG的工具软件厂商,在其网站(www.adobe.com)上有SVG的专区(图三),主要软件如Illustrator、LiveMotion、GoLive等也将充分支持,并且提供SVG Viewer程序免费下载,以弥补目前浏览器无法显示SVG的缺憾。其似乎已完全弃绝原先的PGML提案(类似PostScript文件描述语言,作为Adobe本身PDF档案上网的方案),一方面当然是想要跳脱Flash的控制,另以SVG表现其在专业设计上的能力,不过后续其占有广大跨平台文件市场的PDF必将面临矛盾与冲突,而Adobe是否会为维持其产品的优越性而自定义特殊的SVG版本也将引起兼容性的问题。




《图三 Adobe的官方网站提供丰富的SVG资源与Viewer程序下载》



Macromedia-极力维持Flash的优势


将Flash名气打响之后,Macromedia似乎对SVG不闻不问,新产品如Flash5、Freehand9等均未提及SVG的输出支持,甚至以网站的搜索引擎也找不到SVG的相关字眼,许多专业绘图讨论区充斥了Flash与SVG间转换的问题,更有独立软件开发者提供SWF转换SVG的免费程序。



的确,Flash超越SVG1.0许多,未来可能仍将保持领先,但是对于其他中小型软件厂商必将以开放的SVG为主,开发相关应用,Flash就得归入于高处不胜寒的专业多媒体领域中了,相信未来Macromedia必放下身段,应需求提供官方的SVG转换程序。



Microsoft-抢先并持续运用VML


继1999年8月并购Visio公司、并且于2000年10月投资Corel公司1.35亿美金后(25%股份),MS手上的向量工具软件就多起来了,但是它会遵循SVG吗?当然会,但是不仅于此,见诸MSXML(已至3.0版),其是MS的XML Parser软件产品,遵照W3C的XML1.0建议规格,顺便再加一些独家的功能,而配合其IE浏览器的市占率绝对优势下,MS从未放弃VML,早在IE5与Office 2000中即予以支持,相信日后会成为其独家的所谓"「MS-SVG」,多了一些在其软件内才提供的绘图功能,除非上网可以不必使用浏览器,否则MS的主导权将难以突破。



Autodesk-专属B2B市场的经营


由于CAD软件均属向量绘图软件,其中包含大量尺寸数据数据,因此支持SVG亦属必然,但是针对其服务专业市场的属性,特别容易建立B2B的模式,在其中例如建筑设计、机械设计图等数据的网络转换分享等即为关键技术,如Autodesk公司除了将支持标准的SVG外,还自行提出了adpML、DesignXML等XML语系用于电子商务与专业设计领域,经营专属领域的垂直市场。



Sun-寻求与JAVA语言的整合


比较特殊的是Sun,本身又非软件制造厂,何以独钟SVG?原来是其密切投注于XML发展的延伸(自然假想敌是MS),更希望将SVG与JAVA语言进行更密切的整合,例如其发展Graphics2D SVG Generator,将作为所有以JAVA撰写的应用程序输出SVG图形的接口,还有其JSP(JavaServer Pages,相对于MS的ASP)也将串联后端数据库,自动产生SVG图形于浏览器网页上。



结语


如果您曾观赏历届的世界性向量绘图比赛得奖作品,将会惊讶于其拟真的程度,然而作品可能是由上千个对象堆积而成,档案绝不会太小,完整显示所花费的时间也不会太短,而3D动画软件的彩现作品更将眩惑您对真实的判断力,但是一张图运算显示所花费的时间将为数分钟、甚至数小时,向量绘图领域几乎展现无限的可能性,但是短期之内不会在SVG的应用中出现,所以对于专业的插画设计师,最后可能会发现还是将作品转为位图后档案较小,除非是用户必须执行放大功能才能看到某些细节。



然而SVG将把基本绘图功能由专用软件中解放至其它欲融入此功能的软件,特别是网页制作软件,并与文字、影像、程序语言进行更紧密的整合,十分有希望成为一种新的文件型式,类似PDF,但是延伸性更强,也非某公司的财产,只是在日益寡占与狭窄的软件产业环境,所谓「公开推荐标准的理想」的确有待思考与检验,在软件公司的思考模式下,符合标准是基本要求,但产品亦必须有功能上的特殊性,否则难以竞争与生存,软件间毫无障碍的沟通也将屈于现实考虑下,成为崇高的理想。



(作者为本刊专栏作家,如有疑问,来信请寄到:w1342@ms.hinet.net)



相关文章
电脑辅助设计超前增效减碳
强化转型核心动力 打造更强数位韧性
数位转型下的工具机发展趋势
您的开源软体安全吗?
OLED与Mini LED争逐主流PC显示技术
comments powered by Disqus
相关讨论
  相关新闻
» IBM总营收和现金流成长 斥资近70亿美元研发AI、量子、半导体
» IBM力推AI服务平台 助企业顾问提升50%生产力
» 微软《Cyber Signals》研究:与OpenAI合作避免网路攻击
» Toppan Photomask与IBM签署EUV光罩研发协议 推进2奈米技术
» 微软生成式AI助??度科技优化法律服务品质


刊登廣告 新聞信箱 读者信箱 著作權聲明 隱私權聲明 本站介紹

Copyright ©1999-2024 远播信息股份有限公司版权所有 Powered by O3  v3.20.1.HK84S9FSK8ASTACUK9
地址:台北数位产业园区(digiBlock Taipei) 103台北市大同区承德路三段287-2号A栋204室
电话 (02)2585-5526 #0 转接至总机 /  E-Mail: webmaster@ctimes.com.tw