Update renderElement.ts

zsviczian-freedraw-options
zsviczian 2 years ago committed by GitHub
parent d469fe26e2
commit e225a86f9f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -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);
}

Loading…
Cancel
Save