KonvaJS applique la matrice de transformation à React.Shape

Question

Étant donné le rect suivant dans 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"/> 

Au-dessus rect voudrais rendre en conséquence KonvaJS comme Konva.Rect https://konvajs.github.io/api/Konva.Rect.html

Sur la base de la décomposition de la matrice doit être appliquée ce qui suit: traduire (-83,7081, 215,781) rotate (-80.0554125754873)échelle (1.0000251446838724)

Si je comprends bien la rotation, l'échelle et l'inclinaison peuvent être appliquées, mais comment appliquer des valeurs de translation? Devraient-ils être ajoutés à x et y ou à offsetX/offsetY à la place?

Ou existe-t-il un moyen d'appliquer la classe Transform au Rect?

Merci.

Answer 1

Vous devez utiliser les propriétés {x,y}.

Ou existe-t-il un moyen d'appliquer la classe Transform au Rect?

Non, l'API publique ne le permet pas.