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):画椭圆

  

效果图如下:


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值