Update renderElement.ts

This commit is contained in:
zsviczian 2023-01-05 16:23:27 +01:00 committed by GitHub
parent d469fe26e2
commit e225a86f9f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -238,7 +238,7 @@ const drawElementOnCanvas = (
rc.draw(fillShape);
}
if (!fillShape && element.customData?.strokeOptions?.hasOutline) {
if (element.customData?.strokeOptions?.hasOutline) {
context.lineWidth =
element.strokeWidth *
(element.customData.strokeOptions.outlineWidth ?? 1);
@ -1195,16 +1195,20 @@ export const renderElementToSvg = (
);
node.setAttribute("stroke", "none");
const path = svgRoot.ownerDocument!.createElementNS(SVG_NS, "path");
if (!shape && element.customData?.strokeOptions?.hasOutline) {
path.setAttribute("fill", element.backgroundColor);
path.setAttribute("stroke", element.strokeColor);
path.setAttribute(
if (element.customData?.strokeOptions?.hasOutline) {
node.setAttribute(
"stroke-width",
`${
(element.strokeWidth / 5) *
element.customData.strokeOptions.outlineWidth ?? 1
element.strokeWidth *
(element.customData.strokeOptions.outlineWidth ?? 1)
}`,
);
const outline = svgRoot.ownerDocument!.createElementNS(SVG_NS, "path");
outline.setAttribute("fill", "none");
outline.setAttribute("stroke", element.strokeColor);
outline.setAttribute("d", getFreeDrawSvgPath(element));
node.appendChild(outline);
path.setAttribute("fill", element.backgroundColor);
} else {
path.setAttribute("fill", element.strokeColor);
}