Dylan/excalidraw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add radius to fancy background

Browse Source
This commit is contained in:
dwelle 2023-09-05 22:58:49 +02:00
parent 0189120f79
commit 17de9725d0
1 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/scene/fancyBackground.ts
View File

@ -291,8 +291,31 @@ const addImageBackgroundToSvg = async ({
fancyBackgroundImage.setAttribute("filter", IMAGE_INVERT_FILTER);
}
svgRoot.appendChild(fancyBackgroundImage);
const clipRect = svgRoot.ownerDocument!.createElementNS(SVG_NS, "rect");
clipRect.setAttribute("x", "0");
clipRect.setAttribute("y", "0");
clipRect.setAttribute("width", `${dimensions.width}`);
clipRect.setAttribute("height", `${dimensions.height}`);
clipRect.setAttribute("rx", FANCY_BG_BORDER_RADIUS.toString());
clipRect.setAttribute("ry", FANCY_BG_BORDER_RADIUS.toString());
const clipPath = svgRoot.ownerDocument!.createElementNS(SVG_NS, "clipPath");
clipPath.setAttribute("id", "fancyBackgroundImageClipPath");
clipPath.appendChild(clipRect);
clipRect.setAttribute("preserveAspectRatio", "xMidYMid slice");
const fancyBgGroup = svgRoot.ownerDocument!.createElementNS(SVG_NS, "g");
fancyBgGroup.setAttributeNS(
SVG_NS,
"clip-path",
`url(#fancyBackgroundImageClipPath)`,
);
fancyBgGroup.appendChild(fancyBackgroundImage);
svgRoot.appendChild(clipPath);
svgRoot.appendChild(fancyBgGroup);
};
const addContentBackgroundToSvg = ({
svgRoot,
contentSize,