通过raphael js的圆形图像蒙版？答案

【问题标题】：circle image mask via raphael js?通过raphael js的圆形图像蒙版？
【发布时间】：2012-02-12 11:43:28
【问题描述】：

我正在尝试获取一个圆圈中的图像，因此我使用“填充”网址将图像添加到我的圆圈中，但似乎无法找到关于如何在圆圈内定位图像或如何定位的答案阻止它重复。我喜欢 raphael.js，但它的文档在清晰度和示例方面都非常缺乏。

我听说应该制作一个圆形的自定义路径，然后将图像放在它后面作为它自己的对象，这样它就可以定位，但不幸的是我不确定如何实现这一点......任何想法？

【问题讨论】：

【解决方案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
});

这里有演示http://jsfiddle.net/Nz3Hv/2/

【讨论】：

嗯，这并没有说明如何在圆圈内定位它以及如何防止它重复这是 OP 要求的。你知道怎么做吗？