Рафаэль рисунок. Круг с двумя секторами из разных изображений

Question

Как нарисовать круг, заполненный изображением и как нарисовать сектор такого круга? Можно ли анимировать сектор рисования (например, оживить его размер, увеличив угол)? Что если я хочу нарисовать первый сектор из @ image1 @, а другой сектор от @ image2 @?

Answer 1

Чтобы нарисовать круг, заполненный изображением, вы ... просто нарисуйте круг и заполните его изображением: D

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

Что касается рисования сектора, я думаю, что на самом деле вам нужно нарисовать путь и затем заполнить его так же, как круг. Используя эту технику, вы также решили проблему 2 секторов с различными заливками изображения:)

Чтобы оживить дугу, взгляните на этот пример на сайте Raphalejs