我正在尝试将图像放入圆圈中,因此我使用“填充”网址将图像添加到我的圆圈,但似乎无法找到如何在圆圈内定位图像的答案,也不知道如何阻止它重复。我喜欢raphael.js,但它的文档在清晰度和示例方面都非常缺乏。
我听说人们应该制作一个圆形的自定义路径,然后将图像作为自己的对象放置在它后面的位置,但不幸的是我不确定如何实现这个...任何想法?
答案 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
});