2

我在搞乱Raphael.js并想将一些SVG导入 Raphael 对象。我检查了来自https://twitter.com/RaphaelJS的一些推特帖子，他说您可以复制和粘贴路径点并使用它们。不幸的是，我无法让它工作。

我想做的是这个简单的svg：

<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="841.89px" height="595.28px" viewBox="0 0 841.89 595.28" enable-background="new 0 0 841.89 595.28" xml:space="preserve">
<polyline fill="#CBBBA0" stroke="#000000" stroke-miterlimit="10" points="272.343,345.194 307.418,535.492 349.955,342.955 "/>
<circle fill="#E30613" stroke="#000000" stroke-miterlimit="10" cx="277.194" cy="282.881" r="62.313"/>
</svg>

进入拉斐尔对象。也许你有一些想法如何解决这个问题。

我认为这可能是这样的：

var paper = Raphael(10, 50, 320, 200);
paper.path(["272.343,345.194 307.418,535.492 349.955,342.955"])

真可惜！不工作

谢谢

4

1 回答 1

1

这是因为您正在查看多边形/折线，而不是路径。

使用类似 this 的东西将 转换polyline points为path d（定义）。然后你会得到一个 Raphael 理解的路径字符串。

您可以发现路径定义而不是多边形或折线定义，因为路径字符串总是以M.

为方便起见，这是上面链接问题的代码的 JSBIN 演示，您可以在其中复制和粘贴并转换任何 SVG 多边形或折线：

http://jsbin.com/avuzas/1/edit

于 2013-07-11T11:31:52.323 回答