Function draw

src/renderer/src/components/common/ImageEditor.tsx:481–599

(x: number, y: number, isStart: boolean)

  }

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

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

    if (drawMode === 'mosaic') {
      // 马赛克效果
      const mosaicSize = brushSize
      const halfSize = mosaicSize / 2

      const startX = Math.max(0, Math.floor(x - halfSize))
      const startY = Math.max(0, Math.floor(y - halfSize))
      const width = Math.min(mosaicSize, canvas.width - startX)
      const height = Math.min(mosaicSize, canvas.height - startY)

      if (width > 0 && height > 0) {
        const imageData = ctx.getImageData(startX, startY, width, height)
        const data = imageData.data

        let r = 0,
          g = 0,
          b = 0
        const pixelCount = width * height

        for (let i = 0; i < data.length; i += 4) {
          r += data[i]
          g += data[i + 1]
          b += data[i + 2]
        }

        r = Math.floor(r / pixelCount)
        g = Math.floor(g / pixelCount)
        b = Math.floor(b / pixelCount)

        ctx.fillStyle = `rgb(${r}, ${g}, ${b})`
        ctx.fillRect(startX, startY, width, height)
      }
    } else if (drawMode === 'draw') {
      // 绘图模式
      ctx.strokeStyle = drawColor
      ctx.lineWidth = brushSize
      ctx.lineCap = 'round'
      ctx.lineJoin = 'round'
      ctx.globalAlpha = 1

      if (isStart || !lastDrawPoint) {
        ctx.beginPath()
        ctx.moveTo(x, y)
      } else {
        ctx.beginPath()
        ctx.moveTo(lastDrawPoint.x, lastDrawPoint.y)
        ctx.lineTo(x, y)
        ctx.stroke()
      }
      setLastDrawPoint({ x, y })
    } else if (drawMode === 'eraser') {