使用javascript实现跨浏览器绘图相关..

HTML里DOM的canvas对象可以画出各式各样的2D 3D图象,甚至游戏.但IE不支持这个对象,微软不想让javascript太强大.

可以通过SVG/VML+JS模拟canvas来实现跨浏览器的矢量图形实现方案. 这其实和网络字体的实现原理是有些类似的:非IE浏览器使用SVG绘图, 然后IE中使用VML. 它的目的是想要提供一种简单易用的真正跨浏览器的矢量图形实现方案,包括一些动画效果.

Raphael库,用来简化在页面上显示向量图的工作. 你可以用它在页面上绘制各种图表, 并进行图片的剪切旋转等操作.

Google在2006年推出了excanvas.js库.利用IE的VML模拟canvas, 实现IE下画布元素.

08年12月一个日本人,小雄次郎推出了: uupaa-excanvas.js. 虽然没有像Raphael那样做了高级绘图及动画的封装,但他抹平了canvas和vml的差异,基于这个前提再做封装效果或许会更好一些.而且面向未来.

 

相关链接:

javascript有绘图功能吗?(csdn)

Raphael官方网站 Raphael库简介(前端观察)

Uupaa源码

Uupaa原作者博客(日文)

封装JS实现跨浏览器绘图

EXCanvas的一些示例

转载于:https://my.oschina.net/wower/blog/15354