在一些web客户端客户端开发中,轻量级客户端矢量图形绘制技术还能够起到重要的作用。
维基百科对VML的解释如下:
VML(VectorMarkupLanguage)isanapplicationofExtensibleMarkupLanguage(XML)1.0whichdefinesaformatfortheencodingofvectorinformationtogetherwithadditionalmarkuptodescribehowthatinformationmaybedisplayedandedited.
例子:使用VML与鼠标绘图:
VML作为一种XML的扩展,还在数据处理上很有用途,这里还有个例子:
例子:VML+XML绘制树型图表(CreateaTreeGraphbyVML+XML)
codeispickfrominternet,connectmeifyouaretheauthor,Thanks.
VML的在线案例:
注:VML只支持IE5以上的IE浏览器,请参见:
ToviewthesechartsyouwillneedaVMLenabledbrowser;thismeansIE5orabovewiththeVMLcomponentinstalled.Pleasedon'tbetooannoyedifthispagelooksacompletemessinFirefoxorOpera-VMLisaMicrosoft-specificformatandwillneverbesupportedbystandards-awarebrowsers.
W3C网站对SVG的介绍:
严格的来说,SVG并不是一种轻量级的绘图方案,因为它需要安装Adobe的SVGViewer插件(2.78M),但SVG同样也是基于XML的,其强大的功能可以轻松的制作出各种动态和静态图型:
大量SVG例子:
下转自中国w3c联盟
SVG参考资料:
Firefox官方网站对Canvans的介绍:
注意:Canvans是HTML5标准中的新技术,这意味着所有不支持HTML5的浏览器都不能支持Canvans,包括IE
并不是所有现代浏览器都支持
例子:简单Canvans例子,来自FF社区
Canvans不仅能够绘制2D、3D的矢量图形,还可以与JS交互来实现一些复杂的动画:
Canvans教程:
除了上述三种技术之外,一些开源的WEB绘图框架也做的很好,尤其是在浏览器兼容方面,在此向大家推荐下列两个: