Paperjs 中的路径 VS 形状？

Question

我对 Paperjs 库有一个有趣的问题。路径创建的多边形的行为与形状创建的对象的行为非常不同。应用旋转后的路径对象将其视为忍者之星，而我想要的动作完美完成。

这里是每个案例的 fiddle 链接。

Path.Rectangle({
   center: [0, 0],
   size: [40, 40],
   fillColor: 'white'
});

Shape.Rectangle({
   center: [0, 0],
   size: [40, 40],
   fillColor: 'white'
});

Answer 1

默认情况下，转换直接应用于 path 对象，而不存储在项目的 Matrix 中。这是由 applyMatrix property 控制的。您可以通过添加以下内容全局更改此行为：

settings.applyMatrix = false;

到您的论文，或在项目级别：

this.head = new Path.Rectangle({
    center: [0, 0],
    size: [40, 40],
    fillColor: 'white',
    applyMatrix: false
});

Path VS Shape in Paperjs?