paperjs中shape.rectangle和path.rectangle的區別

Question

我是paperjs的新手。我可以想象Shape.Rectangle和Path.Rectangle之間有什麼區別。如果path.Rectangle創建一個帶有路徑的矩形，那麼這是什麼意思，因爲這兩種方法的輸出是相同的

Answer 1

Path和Shape是不同的類，具有不同的繪圖方法，但輸出類似。
不過，我注意到一個差異是縮放：Shape小號修改strokeWidth，而Path的出走也保持不變

path = new Path.Rectangle([200, 100], [10, 100]); 
path.strokeColor = 'black'; 
path.scale(10, 1); 

shape = new Shape.Rectangle([200, 220], [10, 100]); 
shape.strokeColor = 'red'; 
shape.scale(10, 1); 

Answer 2

爲什麼你看到結垢造成這種差別的原因是由於到item.applyMatrix標誌。應該還算不錯在這兩個環節上解釋說：

https://groups.google.com/forum/#!topic/paperjs/4EIRSGzcaUI http://paperjs.org/reference/item/#applymatrix

默認情況下，路徑項目直接套用轉換到自己的段，因此行程出現均勻。

另一方面，形狀項目不能傳遞到其內容的轉換，他們總是將它們存儲在矩陣中（並且shape.applyMatrix總是false）。

但是你可以用一個統一的行程也呈現形狀的物品，使用item.strokeScaling：

http://paperjs.org/reference/item/#strokescaling