(最新)web环境下矢量图形研究与应用

《(最新)web环境下矢量图形研究与应用》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、摘篮摘要在web上使用的图片可以分为位图图像与矢量图形两种。如从浏览器的核心技术来看，其对于图形图像的支持还仅仪局限于对位图图像的简单显示，随着应用的逐渐深入，位图图像技术自身的一些缺点，如文件较大、交互困难、对于复杂的图形在Web上的表现能力极其有限、在不同设备上的显示效果不同等问题日益突出。当前在Web上使用的矢量图形也存在着很多的不足：缺乏一个开放的标准、图形无法检索、矢量图形开发工具的限制、互操作性弱。SVG是由W3C组织制定的一种使用XML来描述二维矢量图形的语言规范。它将会彻底改变web图形图像的使用现

2、状，使图形的网络共享变得轻松、简单。SVG语法和结构基于XML，这使得它具有一种先天的优势：与当前已有的和未来将有的其它XML应用之间存在着天然的交融，从而使这些前程远大的技术和应用之间的协作变得十分简单。本课题在研究SVG矢量图形格式以及与其相关的技术的基础上，对其在Web应用方面做了一些探索，主要完成了如下工作：1)数据驱动生产SVG。我们可以从已有数据来通过编程的方式创建SVG文件。2)建立客户端基本操作函数库。它提供了对于SVG图形的基本交互的支持，可以方便地被移植到不同的应用中。3)其它矢量图形与SVG矢

3、量图形之间转换的研究，这可以使得其它的图形应用通过SVG来实现在web上的发布，扩大信息发布的范围。4)开发了一‘种自有产权的，基于SVG的图文信息系统，实现了客户端的基本操作以及图形对象与后台数据库的交互，可以满足小型图文信息系统的应用需求。本课题的主要创新点在于：1)设计并实现了基于脚本编程的SVG矢量图形的参数化表现算法：2)提出了将其它格式的矢量图形转换为SVG的数据适配算法并进行了样例实现。关键词：网络矢量图形、参数化、格式转换、XML、SVG、图文信息系统垒!塑!!————TheResearchandA

4、pplicationofVeetorinWebAbstractTherearetwotypesofpictureinWeb：bit'mapandvector．Fromthekerneltechnologyofbrowser,it'sobviouslythatgraphicsissupportedonlyintheshow．Alongwithwideuseintheapplications，thedisadvantagesofbitmapusedinWebaremoreandmoreoutstanding，sucha

5、slargefiles，badlycooperation，limitsinshowingcomplexgraphics，differentshowimpressionindifferentequipmentandSOon．AttheSalTletime，thevectorformatsusedinWebalsohavetheirshortages：noopenstandard，callnotbesearchedinWeb，therestrictofvectorgraphicsdevelopingtoolsandpu

6、nycooperationforuser．SVG(ScalableVectorGraphic)willchangetheactuality．SVGisconstitutedbytheW3CWorkingGroup，whichisaXML-basedlanguagefordrawingtwo·dimensionalgraphics．SVGwillchangethecurrentsituationofWebgraphics，maketheshareofWebgraphicseasy．Thesyntaxandstruct

7、ureofSVGarebasedonXML，whichmakeSVGhaveascendancy：SVGisaccordwiththeteehnologiesbasedOnXMLwhichhaveexistedandwillappearinthefuture．Thismakesthecollaborationofthepromisingtechnologyandapplicationveryeasy．BasedonthestudyofSVGstandardandcorrelativetechnology，thepa

8、perdiscussestheapplicationofSVGinWeb．Themaincontentsofthepaperareasfollows：1)GeneratingSVGgraphicsbydata—driven．WeCangenerateSVGgraphicsbasedonexisteddata．2)Buildingthefunctionlibu