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 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 为例