Function handleMouseUp

src/renderer/src/components/common/ImageEditor.tsx:425–479

(e: React.MouseEvent<HTMLCanvasElement>)

  }

  const handleMouseUp = (e: React.MouseEvent<HTMLCanvasElement>) => {
    if (!isDrawing) return

    if ((drawMode === 'rect' || drawMode === 'arrow') && startPoint) {
      // 完成矩形或箭头绘制
      const canvas = canvasRef.current
      if (!canvas) return

      const rect = canvas.getBoundingClientRect()
      const x = (e.clientX - rect.left) / scale
      const y = (e.clientY - rect.top) / scale

      const ctx = canvas.getContext('2d')
      if (!ctx) return

      // 恢复历史状态
      if (currentHistoryIndex >= 0) {
        ctx.putImageData(history[currentHistoryIndex].imageData, 0, 0)
      }

      if (drawMode === 'rect') {
        // 绘制最终矩形
        ctx.strokeStyle = drawColor
        ctx.lineWidth = 3
        const width = x - startPoint.x
        const height = y - startPoint.y
        ctx.strokeRect(startPoint.x, startPoint.y, width, height)
      } else if (drawMode === 'arrow') {
        // 绘制最终箭头
        drawArrow(ctx, startPoint.x, startPoint.y, x, y, drawColor, 3)
      }

      setStartPoint(null)
      saveToHistory()
    } else if (drawMode === 'highlight' && highlightCanvasRef.current) {
      // 高亮模式：合成临时canvas到主canvas
      const canvas = canvasRef.current
      if (!canvas) return

      const ctx = canvas.getContext('2d')
      if (!ctx) return

      ctx.globalAlpha = 0.3
      ctx.drawImage(highlightCanvasRef.current, 0, 0)
      ctx.globalAlpha = 1

      highlightCanvasRef.current = null
      saveToHistory()
    } else if (isDrawing) {
      saveToHistory()
    }

    setIsDrawing(false)
    setLastDrawPoint(null)
  }

  const draw = (x: number, y: number, isStart: boolean) => {
    const canvas = canvasRef.current