javascript - Paperjs 中的路径 VS 形状？

Question

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

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

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

Path fiddle

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

Shape fiddle

Answer 1

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

settings.applyMatrix = false;

到您的 paperscript，或在项目级别:

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