Маска изображения круга через raphael js?

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

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


masking geometry raphael
person zero    schedule 17.01.2012    source источник

Ответы (1)


arrow_upward
6
arrow_downward

Попробуй это

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
});​

ДЕМО здесь http://jsfiddle.net/Nz3Hv/2/

person kiranvj    schedule 01.08.2012
comment
Хм, здесь не говорится, как расположить это внутри круга и как предотвратить его повторение, о чем просил ОП. Вы знаете, как это сделать? - person BorisKourt; 28.01.2013