javascript - 在 paper.js 中使用 SVG 路径语法？

Question

使用raphael.js库，使用 SVG 路径语法来描述路径（例如M98.36,214.208l2.186-1.093V210.2l-3.378,0.117l1.174,4.137L98.36,214.208z，它提供了一种非常紧凑的方式来创建形状（特别是如果您的形状是使用 Illustrator 等外部应用程序绘制的）。

我对使用paper.js库（不是基于 SVG）很感兴趣，但首先看一下文档似乎表明路径是通过对象方法逐步构建的。这是一种非常不同的方法（可以说“路径构建”与“路径描述”），不太适合我的需求。

那么：有没有办法在 paper.js 中使用 SVG 路径？还是类似的“路径描述”解决方案？

参考：

• http://paperjs.org/reference/path
• http://raphaeljs.com/reference.html#Paper.path

Answer 1

您可以使用Paper.js 参考中描述的 SVG 路径语法pathData

var pathData = 'M98.36,214.208l2.186-1.093V210.2l-3.378,0.117l1.174,4.137L98.36,214.208z';
var path = new Path(pathData);

path.strokeColor = 'black';

// Scale the copy by 1000%, so we see something
path.scale(10);

这里以Paper.js Sketch为例