Upload canvasRenderer.ts

frontend/src/utils/canvasRenderer.ts

@@ -3,8 +3,6 @@
  * 用于将DOM元素渲染为Canvas并转换为Base64图像
  */
 
-import html2canvas from 'html2canvas';
-
 // 渲染选项接口
 interface RenderOptions {
   scale?: number;
@@ -32,12 +30,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 { default: html2canvas } = await import('html2canvas');
+      
       // 使用html2canvas进行渲染
       html2canvas(element, {
         scale,