Raphael简介
Raphael是一个很小的JavaScript库,它可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动、动画等等功能。其兼容的浏览器有:Firefox 3.0+、Safari 3.0+、Chrome 5.0+、 Opera 9.5+、IE6.0+。
raphael.js的下载路径:http://download.csdn.net/detail/mafan121/8549555
Raphael的使用
1. Raphael对象的创建,之后所有的绘画都将在该画布上进行
a.以视图坐标为(x,y)处画一个width * height的画布
var paper = Raphael(x,y,width,height,[callback])
b.以元素Id或元素为父类,画一个wdith*hight的画布
<div id="paper"></div>
var paper = Raphael("paper",width,height,[callback])
2.Paper.circle(x,y,r):画圆
效果如下:
3.Paper.ellipse(x,y,rx,ry):画椭圆
效果图如下: