Paperjs中的路径与形状

Path VS Shape in Paperjs?

本文关键字：路径 Paperjs      更新时间：2024-02-07

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

以下是每个案例的小提琴链接。

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

路径小提琴

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

形状小提琴

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

settings.applyMatrix = false;

到您的纸质脚本，或在项目级别上使用：

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