Upload svg2Base64.ts

frontend/src/utils/svg2Base64.ts

@@ -48,8 +48,31 @@ const encode = (input: string) => {
 }
 
 export const svg2Base64 = (element: Element) => {
-  const XMLS = new XMLSerializer()
-  const svg = XMLS.serializeToString(element)
-
-  return PREFIX + encode(svg)
+  try {
+    // 克隆元素以避免修改原始DOM
+    const clonedElement = element.cloneNode(true) as Element;
+    
+    // 确保SVG有正确的命名空间
+    if (clonedElement.tagName.toLowerCase() === 'svg') {
+      clonedElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
+      clonedElement.setAttribute('xmlns:xlink', 'http://www.w3.org/1999/xlink');
+    }
+    
+    const XMLS = new XMLSerializer();
+    const svg = XMLS.serializeToString(clonedElement);
+    
+    if (!svg || svg.length === 0) {
+      throw new Error('SVG serialization returned empty string');
+    }
+    
+    const encoded = encode(svg);
+    if (!encoded) {
+      throw new Error('Base64 encoding failed');
+    }
+    
+    return PREFIX + encoded;
+  } catch (error) {
+    console.error('svg2Base64 failed:', error);
+    throw error;
+  }
 }