Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Geometry 通过raphael js循环图像遮罩?_Geometry_Raphael_Masking - Fatal编程技术网

Geometry 通过raphael js循环图像遮罩?

Geometry 通过raphael js循环图像遮罩?,geometry,raphael,masking,Geometry,Raphael,Masking,我试图在一个圆圈中获得一个图像,因此我使用“填充”url向我的圆圈添加了一个图像,但似乎找不到如何在圆圈中定位图像以及如何阻止图像重复的答案。我喜欢raphael.js,但它的文档非常缺乏清晰度和示例性 我听说应该制作一个圆形的自定义路径,然后将图像作为自己的对象放置在其后面,这样可以定位图像,但不幸的是,我不确定如何实现这一点……有什么想法吗 试试这个 var paper = Raphael(30,30, 200,200); paper.rect(0, 0, 200, 200, 600).at

我试图在一个圆圈中获得一个图像,因此我使用“填充”url向我的圆圈添加了一个图像,但似乎找不到如何在圆圈中定位图像以及如何阻止图像重复的答案。我喜欢raphael.js,但它的文档非常缺乏清晰度和示例性

我听说应该制作一个圆形的自定义路径,然后将图像作为自己的对象放置在其后面,这样可以定位图像,但不幸的是,我不确定如何实现这一点……有什么想法吗

试试这个

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

这里演示

Hmm,这并没有说明如何在圆圈内定位,以及如何防止重复,而这正是OP所要求的。你知道怎么做吗?