marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-12 20:09:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

fixed lightning bolt shape

Browse Source
This commit is contained in:
saurabhg772244
2024-09-27 12:17:31 +05:30
parent 390025c085
commit 7a9ec739d9
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/mermaid/src/rendering-util/rendering-elements/shapes/lightningBolt.ts
View File

@@ -13,17 +13,17 @@ export const lightningBolt = (parent: SVG, node: Node) => {
.attr('class', getNodeClasses(node)) .attr('class', getNodeClasses(node))
.attr('id', node.domId ?? node.id); .attr('id', node.domId ?? node.id);
const { cssStyles } = node; const { cssStyles } = node;
const width = Math.max(35, node?.width ?? 0); const gap = Math.max(4, (node.height ?? 0) * 0.1);
const height = Math.max(35, node?.height ?? 0); const width = Math.max(20, node?.width ?? 0 - gap);
const gap = 7; const height = Math.max(40, node?.height ?? 0 - gap);
const points = [ const points = [
{ x: width, y: 0 }, { x: width, y: 0 },
{ x: 0, y: height + gap / 2 }, { x: 0, y: height / 2 + gap / 2 },
{ x: width - 2 * gap, y: height + gap / 2 }, { x: width - 2 * gap, y: height / 2 + gap / 2 },
{ x: 0, y: 2 * height }, { x: 0, y: height },
{ x: width, y: height - gap / 2 }, { x: width, y: height / 2 - gap / 2 },
{ x: 2 * gap, y: height - gap / 2 }, { x: 2 * gap, y: height / 2 - gap / 2 },
]; ];
// @ts-ignore - rough is not typed // @ts-ignore - rough is not typed
@@ -44,7 +44,7 @@ export const lightningBolt = (parent: SVG, node: Node) => {
lightningBolt.selectAll('path').attr('style', cssStyles); lightningBolt.selectAll('path').attr('style', cssStyles);
} }
lightningBolt.attr('transform', `translate(-${width / 2},${-height})`); lightningBolt.attr('transform', `translate(-${width / 2},${-height / 2})`);
updateNodeBounds(node, lightningBolt); updateNodeBounds(node, lightningBolt);