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)：画圆

    

效果如下：

    

   3.Paper.ellipse(x,y,rx,ry):画椭圆

  

效果图如下：