marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-12-02 10:34:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: rounded left and top clipped image export to SVG (#10387)

Browse Source 
Remove clipPathUnits attribute from clipPath

Removed setting of clipPathUnits attribute for clipPath element.
This commit is contained in:
zsviczian
2025-11-24 23:34:42 +01:00
committed by GitHub
parent b660478164
commit d7e63e66a7
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/excalidraw/renderer/staticSvgScene.ts
View File

@@ -541,7 +541,7 @@ const renderElementToSvg = (
"clipPath",
);
clipPath.id = `image-clipPath-${element.id}`;
clipPath.setAttribute("clipPathUnits", "userSpaceOnUse");
const clipRect = svgRoot.ownerDocument!.createElementNS(
SVG_NS,
"rect",
@@ -550,6 +550,10 @@ const renderElementToSvg = (
Math.min(element.width, element.height),
element,
);
const clipOffsetX = element.crop ? normalizedCropX : 0;
const clipOffsetY = element.crop ? normalizedCropY : 0;
clipRect.setAttribute("x", `${clipOffsetX}`);
clipRect.setAttribute("y", `${clipOffsetY}`);
clipRect.setAttribute("width", `${element.width}`);
clipRect.setAttribute("height", `${element.height}`);
clipRect.setAttribute("rx", `${radius}`);