在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 reference for pathData

中所述的SVG路径语法

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

为例