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+。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值