javascript - Paper.js 在一个路径上使用多个 moveTo 命令

我正在尝试做:



使用此代码:

var p = new Path();
p.strokeColor = 'blue'
p.strokeWidth = 4

var size = 10
var o = new Point(100, 100)

p.moveTo (o.add ([-size, -size]))
p.lineTo (o.add ([size, size]))
p.moveTo (o.add ([size, -size]))
p.lineTo (o.add ([-size, size]))

但相反，我得到:



显然，第二个 moveTo() 被忽略了。我怎么能让它工作？我在 documentation 中找不到任何东西。

最佳答案

您的情况的解决方案是使用 CompoundPath 而不是 Path ，因为您打算在一组路径上工作。
在 path.moveTo documentation 中有一个线索:



这是根据您的初始代码改编的 sketch ，演示了解决方案。

var p = new CompoundPath();
p.strokeColor = 'blue';
p.strokeWidth = 4;

var size = 10;
var o = new Point(100, 100);

p.moveTo(o.add([-size, -size]));
p.lineTo(o.add([size, size]));
p.moveTo(o.add([size, -size]));
p.lineTo(o.add([-size, size]));

关于javascript - Paper.js 在一个路径上使用多个 moveTo 命令，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57844888/