web绘图技术之Raphael

在当前浏览器的领域,图形的绘制是非常重要的。从图表到简单图片,从数学到视觉艺术,哪里都需要图形的绘制。所以浏览器对于这块功能的需求大增,以此衍生了很多相关技术。不止VML和SVG,HTML5 Canvas和WebGL每个都有它们适用的领域,VML和SVG处理2D矢量图,HTML5 Canvas的位图绘制以及WebGL的3D绘制渲染。

    Flash操作方式较简单,画出的图形漂亮。但是需要安装插件,画出的图难以实现在线保存。VML画出的是矢量图,想当于IE里的画笔,画图较方便,是word和html结合的产物。但VML是微软1999年9月附带IE5.0发布的,浏览器兼容性太差,只支持IE家族。html5中的canvas元素画出的是矢量图,画出的图形漂亮,操作较容易,网页中的dom元素容易保存。对于大多浏览器支持较好,不过IE家族的低版本几乎全军覆没,只是在IE9以上才开始支持,不符合有些项目的需求。

    raphael是一个在网页中绘制矢量图的javascript库,可以应用raphael在网页中轻松绘制各种图形。raphael使用SVG W3C推荐标准和VML作为创建图形的基础,你可以通过javascript操作DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表。支持各种流行的浏览器:firefox3.0+,safari3.0+,chrome5.0+,opera9.5+,ie6.0+。

你可能感兴趣的:(web绘图)