天天看點

Raphael 的介紹及圓和橢圓學習(一)

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):畫圓

Raphael 的介紹及圓和橢圓學習(一)

效果如下:

Raphael 的介紹及圓和橢圓學習(一)

   3.Paper.ellipse(x,y,rx,ry):畫橢圓

Raphael 的介紹及圓和橢圓學習(一)

效果圖如下:

Raphael 的介紹及圓和橢圓學習(一)

繼續閱讀