拉斐尔画。圈出来自不同图像的两个扇区

时间:2011-11-02 07:08:39

标签: javascript raphael

如何绘制由图像填充的圆圈以及如何绘制此圆圈的扇区? 是否可以为绘图扇区设置动画(例如通过增加动画来设置它的大小 角度)?如果我想从@ image1 @和另一个扇区绘制第一个扇区怎么办? 部分来自@ image2 @?

1 个答案:

答案 0 :(得分:2)

要绘制由图像填充的圆圈,您只需绘制圆圈并用图像填充:D

var c = paper.circle(200, 200, 40);
c.attr({fill:"url(http://path_to_the_image.png)"});

关于绘制一个扇区我认为你实际上必须绘制一个path,然后像圆一样填充它。使用这种技术,您还解决了具有不同图像填充的2个扇区的问题:)

要为弧形设置动画,请查看raphalejs网站上的this example