Raphael学习之曲线,矩形(二)

首先创建一个画板对象:var paper = Raphael("paper", 500, 500);

1.绘制曲线

     Paper.path(strPath):根据指定路径字符串绘制路径元素

     路径字符串格式:

           M:移动到(x,y)坐标

           Z:闭合路径,默认为none

           L:直线到(x,y)坐标

           H:水平直线 x+(x为水平延伸的长度,负数向左,正数向右)

           V:垂直直线 y+(y为垂直延伸的长度,负数向下,正数向上)

           C:曲线 (x1,y1,x2,y2,x,y)+

           S:平滑曲线 (x1,y1,x,y)+

           T:平滑贝塞尔曲线 (x,y)+

           A:椭圆弧 (x1,y1,x-axis-rotation large-arc-flag sweep-flag,x,y)

                其中,x1,y1表示水平半径和垂直半径

                          x-axis-rotation:表示是否以x轴旋转,0为否1为是

                          large-arc-flag:是否为大弧,0为否1为是

                          sweep-flag:是否顺时针,0为否1为是

                          (x,y):终止坐标

        注意:路径字符串格式小写为相对路径,大写为绝对路径

        

       效果如下:

           

2.绘制矩形

   Paper.rect(x,y,width,height,r):(x,y)为左上角坐标,width为宽度,height为高度,r为圆角半径


  效果如下:

  


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值