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);
}