reactjs - Konva-React 旋转显示

Question

在我绘制带有点坐标的箭头后，是否有一种简单的方法来获取 Konva 箭头对象的旋转属性？

我可以使用三角函数，但我想知道 Konva 中是否有自定义方法来获取旋转信息？

         <Arrow
            points={[startPos.xe, startPos.ye, endPos.xe, endPos.ye]}
            pointerLength={12}
            pointerWidth={10}
            fill='teal'
            stroke="black"
            strokeWidth={5}
            
         />

Answer 1

Konva 没有任何方法。另外，请记住，任何Konva.Node实例都有自己的rotation属性。因此，在这种情况下，箭头形状具有rotation = 0（默认值）。

但是您可以为不同的目的计算箭头线的角度。您可以将其用于计算：

const getAngle = (points) => {
  const dx = points[1].x - points[0].x;
  const dy = points[1].y - points[0].y;
  const angle = Math.atan2(dy, dx);
  return Konva.Util.radToDeg(angle);
}