Fix SVG export: add xlink:href for Illustrator compatibility

Shaun Mahony · claude · Shaun Mahony · commit b93a9ee70f85 · 2026-03-05T23:03:29.000-05:00
Illustrator implements SVG 1.1 and requires xlink:href on &lt;image&gt;
elements plus the xmlns:xlink namespace declaration on the root.
The generated SVG used only the modern href attribute (SVG 2.0),
causing embedded PNG logos to not render in Illustrator.

Add xmlns:xlink to the &lt;svg&gt; root and xlink:href alongside href
on each &lt;image&gt; element. Both attributes are kept so the SVG
renders correctly in both browsers (href) and Illustrator (xlink:href).

Co-Authored-By: Claude Sonnet 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/web/src/lib/export/logoRenderer.ts b/web/src/lib/export/logoRenderer.ts
@@ -399,7 +399,7 @@ export function exportLogosAsSvg(
   const hasLabels = logos.some((l) => l.label);
   const compositeW = (hasLabels ? labelWidth : 0) + maxLogoW;
 
-  let svgContent = `<svg xmlns="http://www.w3.org/2000/svg" width="${compositeW}" height="${totalH}" viewBox="0 0 ${compositeW} ${totalH}">\n`;
+  let svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="${compositeW}" height="${totalH}" viewBox="0 0 ${compositeW} ${totalH}">\n`;
   svgContent += `<rect width="100%" height="100%" fill="white"/>\n`;
 
   let y = 0;
@@ -414,7 +414,7 @@ export function exportLogosAsSvg(
 
     const dataUrl = logoCanvas.toDataURL("image/png");
     const xOff = hasLabels ? labelWidth : 0;
-    svgContent += `<image x="${xOff}" y="${y}" width="${lw}" height="${lh}" href="${dataUrl}"/>\n`;
+    svgContent += `<image x="${xOff}" y="${y}" width="${lw}" height="${lh}" href="${dataUrl}" xlink:href="${dataUrl}"/>\n`;
 
     y += lh + gap;
   }
