Function captureElementToCanvas

src/renderer/src/utils/exporter.ts:6–40

(
  element: HTMLElement,
  paddingV: number = 0,
  paddingH: number = 0
)

 * 将 DOM 元素转换为 canvas
 */
export async function captureElementToCanvas(
  element: HTMLElement,
  paddingV: number = 0,
  paddingH: number = 0
): Promise<HTMLCanvasElement> {
  const canvas = await html2canvas(element, {
    backgroundColor: '#ffffff',
    scale: 2,
    logging: false,
    useCORS: true
  })

  if (paddingV === 0 && paddingH === 0) {
    return canvas
  }

  // Create a new canvas with padding
  const paddedCanvas = document.createElement('canvas')
  paddedCanvas.width = canvas.width + 2 * paddingH
  paddedCanvas.height = canvas.height + 2 * paddingV
  const ctx = paddedCanvas.getContext('2d')

  if (!ctx) {
    throw new Error('Failed to get 2D context')
  }

  // Fill the background
  ctx.fillStyle = '#ffffff'
  ctx.fillRect(0, 0, paddedCanvas.width, paddedCanvas.height)

  // Draw the original canvas with padding
  ctx.drawImage(canvas, paddingH, paddingV)

  return paddedCanvas
}

/**
 * 将 canvas 转换为 blob