KonvaJS將變換矩陣應用於React.Shape

Question

在SVG中給出以下矩形。

<rect xmlns="http://www.w3.org/2000/svg" x="72.036" y="156.473" transform="matrix(0.1727 -0.985 0.985 0.1727 -83.7081 215.7814)" style="fill:none;stroke:#020202;stroke-width:0.5;stroke-miterlimit:10;" width="29.129" height="2.498"/> 

以上RECT想基於該矩陣以下應適用的分解以在KonvaJS相應地呈現作爲Konva.Rect https://konvajs.github.io/api/Konva.Rect.html

： 翻譯（-83.7081，215.781） 旋轉（ -80.0554125754873） scale（1.0000251446838724）

正如我所瞭解的旋轉，可以應用縮放和傾斜，但如何應用翻譯值？ 它們是否應該添加到x和y中，或者用偏移量x/offsetY來代替？

或者有沒有辦法將Transform類應用於Rect？

謝謝。

Answer 1

您應該使用{x,y}屬性。

或者有沒有辦法將Transform類應用於Rect？

不，公共API不允許這樣做。