javascript - 在 paper.path 中有一个带有 raphael 的背景图像？

Question

我想把一些背景图片放到我用 raphael 创建的 paper.path

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 中那样简单，您可以使用图案进行笔划或使用给定路径遮盖图像以获得所需的效果。

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