KonvaJS는 React.Shape에 변환 행렬을 적용합니다.

Question

SVG에서 다음 rect를 감안할 때. ((-83.7081 215.781) 번역 회전을 : RECT 위

<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"/> 

는 다음이 적용되어야 행렬의 분해를 기반으로 Konva.Rect https://konvajs.github.io/api/Konva.Rect.html

로 KonvaJS에 따라 렌더링 싶습니다 -80.0554125754873) 축척 (1.0000251446838724)

회전을 이해 했으므로 축척 및 비뚤어 짐을 적용 할 수 있지만 값을 변환하는 방법은 무엇입니까? 대신 x, y 또는 offsetX/offsetY에 추가해야합니까?

또는 Rect에 Transform 클래스를 적용 할 수있는 방법이 있습니까?

감사합니다.

Answer 1

{x,y} 속성을 사용해야합니다.

아니면 Rect에 Transform 클래스를 적용 할 수 있습니까?

아니요, 공용 API는 이것을 허용하지 않습니다.