圈形象面具通过raphael js?

时间:2012-01-17 16:55:25

标签: geometry raphael masking

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

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

1 个答案:

答案 0 :(得分:6)

试试这个

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/