маска изображения круга через Рафаэля JS? - PullRequest
Новая
       16

маска изображения круга через Рафаэля JS?

9 голосов
/ 17 января 2012

Я пытаюсь получить изображение в круге, поэтому я добавил изображение в свой круг, используя URL-адрес "заливка", но не могу найти ответ о том, как расположить изображение в круге и какостановить это от повторения.Я люблю Raphael.js, но в документации не хватает ясности и примеров.

Я слышал, что нужно сделать собственный путь в форме круга, а затем поместить изображение позади него как свой собственный объект, которыйкак это можно позиционировать, но, к сожалению, я не уверен, как этого добиться ... есть мысли?

1 Ответ

6 голосов
/ 01 августа 2012

Попробуйте это 

var paper = Raphael(30,30, 200,200);
paper.rect(0, 0, 200, 200, 600).attr({
    fill: "url(http://4.bp.blogspot.com/-gqd6i4K8I1I/UBLYjrsiRXI/AAAAAAAAAJA/0eqdIoY0zI4/s640/nelli-puli.jpg)",
    "stroke-width": 2
});​

DEMO здесь http://jsfiddle.net/Nz3Hv/2/

...