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

updated lightning bolt shape

Browse Source
This commit is contained in:
saurabhg772244
2024-09-27 15:25:19 +05:30
parent b99e080337
commit 9da6321c4b
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -13,17 +13,19 @@ 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 gap = Math.max(4, (node.height ?? 0) * 0.1);
const width = Math.max(20, node?.width ?? 0 - gap); const gapX = Math.max(5, (node.width ?? 0) * 0.1);
const height = Math.max(40, node?.height ?? 0 - gap); const gapY = Math.max(5, (node.height ?? 0) * 0.1);
const width = Math.max(50, node?.width ?? 0 - gapX);
const height = Math.max(50, node?.height ?? 0 - gapY);
const points = [ const points = [
{ x: width, y: 0 }, { x: width, y: 0 },
{ x: 0, y: height / 2 + gap / 2 }, { x: 0, y: height / 2 + gapY / 2 },
{ x: width - 2 * gap, y: height / 2 + gap / 2 }, { x: width - 4 * gapX, y: height / 2 + gapY / 2 },
{ x: 0, y: height }, { x: 0, y: height },
{ x: width, y: height / 2 - gap / 2 }, { x: width, y: height / 2 - gapY / 2 },
{ x: 2 * gap, y: height / 2 - gap / 2 }, { x: 4 * gapX, y: height / 2 - gapY / 2 },
]; ];
// @ts-ignore - rough is not typed // @ts-ignore - rough is not typed