首先创建一个画板对象: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为圆角半径
效果如下: