圈形象面具通过raphael js？

Question

我试图在圆圈中获取图像,所以我使用"填充"网址将图像添加到我的圆圈,但似乎无法找到如何在圆圈内定位图像的答案以及如何阻止它重复.我喜欢raphael.js,但它的文档在清晰度和示例方面都非常缺乏.

我听说人们应该制作一个圆形的自定义路径,然后将图像作为自己的对象放置在它可能被定位的位置,但不幸的是我不确定如何实现这个...任何想法？

Answer 1

试试这个

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/