KonvaJS wenden Transformationsmatrix auf React.Shape an

Question

Gegeben die folgende rect in 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"/> 

Above rect möchte dementsprechend in KonvaJS als Konva.Rect https://konvajs.github.io/api/Konva.Rect.html

Basierend auf Zersetzung der Matrix machen, das folgende angewendet werden sollte: (-83,7081, 215,781) rotate übersetzen (-80.0554125754873) scale (1.0000251446838724)

Wie ich verstehe Rotation, Skalierung und Skew kann angewendet werden, aber wie man übersetzen Werte anwenden? Sollten sie stattdessen zu x und y oder zu offsetX/offsetY hinzugefügt werden?

Oder gibt es eine Möglichkeit, die Transform-Klasse auf das Rect anzuwenden?

Vielen Dank.

Answer 1

Sie sollten {x,y} Eigenschaften verwenden.

Oder gibt es eine Möglichkeit, Transform-Klasse auf das Rect anzuwenden?

Nein, öffentliche API erlaubt dies nicht.