應用 react-konva 旋轉時出現的問題

Question

我想移動形狀並使用箭頭鍵更改方向。 搬家成功。 但是當應用“旋轉”時，“文本”position 會發生變化。 如何保留文本 position 並僅更改形狀的方向？

https://codesandbox.io/s/modern-dew-d3d8em?file=/src/App.js

Answer 1

您需要將 pivot 點放在圖形的中心並將文本也居中

<Circle
 ...
 offsetY={SIZE / 2} 
 offsetX={SIZE / 2}
/>

和