Function handlePointerMove

hooks/DrawEllipseTool.ts:57–74

(e: KonvaEventObject<MouseEvent | TouchEvent>)

  };

  const handlePointerMove = (e: KonvaEventObject<MouseEvent | TouchEvent>) => {
    if (!isDrawing.current || tool !== "ellipse") return;

    const stage = e.target.getStage();
    const pos = stage ? getPointerPositionRelativeToStage(stage) : null;
    if (!pos) return;

    const current = currentDraw.current;
    if (!current) return;

    const { startX, startY, id } = current;
    const radiusX = Math.max(Math.abs(pos.x - startX) / 2, 1);
    const radiusY = Math.max(Math.abs(pos.y - startY) / 2, 1);
    const x = (startX + pos.x) / 2;
    const y = (startY + pos.y) / 2;

    updateEllipseInStore(id, { x, y, radiusX, radiusY });
  };

  const handlePointerUp = () => {
    isDrawing.current = false;