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):畫橢圓
效果圖如下: