smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: Support Links in Exported SVG (#4791)

Browse source
This commit is contained in:
Jesse Jurman 2022-02-25 15:42:10 -05:00 • committed by GitHub
parent bd35b682fa
commit 46e43baad1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 56 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/renderer/renderElement.ts
View file

@ -836,6 +836,18 @@ export const renderElementToSvg = (
const cy = (y2 - y1) / 2 - (element.y - y1);
const degree = (180 * element.angle) / Math.PI;
const generator = rsvg.generator;
// element to append node to, most of the time svgRoot
let root = svgRoot;
// if the element has a link, create an anchor tag and make that the new root
if (element.link) {
const anchorTag = svgRoot.ownerDocument!.createElementNS(SVG_NS, "a");
anchorTag.setAttribute("href", element.link);
root.appendChild(anchorTag);
root = anchorTag;
}
switch (element.type) {
case "selection": {
// Since this is used only during editing experience, which is canvas based,
@ -863,7 +875,7 @@ export const renderElementToSvg = (
offsetY || 0
}) rotate(${degree} ${cx} ${cy})`,
);
svgRoot.appendChild(node);
root.appendChild(node);
break;
}
case "line":
@ -898,7 +910,7 @@ export const renderElementToSvg = (
}
group.appendChild(node);
});
svgRoot.appendChild(group);
root.appendChild(group);
break;
}
case "freedraw": {
@ -923,7 +935,7 @@ export const renderElementToSvg = (
path.setAttribute("fill", element.strokeColor);
path.setAttribute("d", getFreeDrawSvgPath(element));
node.appendChild(path);
svgRoot.appendChild(node);
root.appendChild(node);
break;
}
case "image": {
@ -944,7 +956,7 @@ export const renderElementToSvg = (
symbol.appendChild(image);
svgRoot.prepend(symbol);
root.prepend(symbol);
}
const use = svgRoot.ownerDocument!.createElementNS(SVG_NS, "use");
@ -965,7 +977,7 @@ export const renderElementToSvg = (
}) rotate(${degree} ${cx} ${cy})`,
);
svgRoot.appendChild(use);
root.appendChild(use);
}
break;
}
@ -1012,7 +1024,7 @@ export const renderElementToSvg = (
text.setAttribute("direction", direction);
node.appendChild(text);
}
svgRoot.appendChild(node);
root.appendChild(node);
} else {
// @ts-ignore
throw new Error(`Unimplemented type ${element.type}`);