在paper.path与raphael有背景图像？

Question

我想把一些背景图片放到我的纸上。我用raphael创建的路径

paper.path(arc([xCenter, yCenter], radius, startAngle, endAngle)).attr({
                'stroke': "#ccc",
                'stroke-width': rinc - 1
            });

结果： http://jsfiddle.net/n4Rvr/

我只想把一些图像改成#ccc颜色。可能吗？但是，我没有在互联网上找到有趣的东西。

Answer 1

你想填补路径的笔划？在Raphaël中不支持在笔画上使用图案，所以它并不像纯svg那样容易，你可以用图案描边或用给定的路径掩盖图像以获得你想要的效果。 / p>

要在Raphaël中获得类似的东西，您需要将描边路径构建为新路径，基本上围绕内弧和外弧进行描绘，以便您可以填充它。然后使用'fill'代替'stroke'并传入所需图像的url。