Upload canvasRenderer.ts

frontend/src/utils/canvasRenderer.ts

@@ -3,7 +3,11 @@
  * 用于将DOM元素渲染为Canvas并转换为Base64图像
  */
 
-import html2canvas from 'html2canvas';
+// Dynamic import for html2canvas to resolve bundling issues
+const getHtml2Canvas = async () => {
+  const { default: html2canvas } = await import('html2canvas');
+  return html2canvas;
+};
 
 // 渲染选项接口
 interface RenderOptions {
@@ -32,12 +36,15 @@ export async function renderElementToCanvas(
     timeout = 5000
   } = options;
 
-  return new Promise((resolve, reject) => {
+  return new Promise(async (resolve, reject) => {
     const timeoutId = setTimeout(() => {
       reject(new Error('Canvas rendering timeout'));
     }, timeout);
 
     try {
+      // 动态导入html2canvas
+      const html2canvas = await getHtml2Canvas();
+      
       // 使用html2canvas进行渲染
       html2canvas(element, {
         scale,