marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-10-13 19:19:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

code refactor

Browse Source
This commit is contained in:
saurabhg772244
2025-08-11 16:32:03 +05:30
parent 32723b2de1
commit e6fb4a84da
2 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.changeset/brave-memes-flash.md
View File

@@ -2,4 +2,4 @@
'mermaid': patch
---
Fix: Support edge animation in hand drawn look
fix: Support edge animation in hand drawn look

14
packages/mermaid/src/rendering-util/rendering-elements/edges.js
View File

@@ -567,10 +567,10 @@ export const insertEdge = function (elem, edge, clusterDb, diagramType, startNod
let animationClass = '';
if (edge.animate) {
animationClass = ' edge-animation-fast';
animationClass = 'edge-animation-fast';
}
if (edge.animation) {
animationClass = ' edge-animation-' + edge.animation;
animationClass = 'edge-animation-' + edge.animation;
}
if (edge.look === 'handDrawn') {
@@ -589,7 +589,10 @@ export const insertEdge = function (elem, edge, clusterDb, diagramType, startNod
.attr('id', edge.id)
.attr(
'class',
' ' + strokeClasses + (edge.classes ? ' ' + edge.classes : '') + (animationClass ?? '')
' ' +
strokeClasses +
(edge.classes ? ' ' + edge.classes : '') +
(animationClass ? ' ' + animationClass : '')
)
.attr('style', edgeStyles ? edgeStyles.reduce((acc, style) => acc + ';' + style, '') : '');
let d = svgPath.attr('d');
@@ -606,7 +609,10 @@ export const insertEdge = function (elem, edge, clusterDb, diagramType, startNod
.attr('id', edge.id)
.attr(
'class',
' ' + strokeClasses + (edge.classes ? ' ' + edge.classes : '') + (animationClass ?? '')
' ' +
strokeClasses +
(edge.classes ? ' ' + edge.classes : '') +
(animationClass ? ' ' + animationClass : '')
)
.attr('style', pathStyle);
strokeColor = pathStyle.match(/stroke:([^;]+)/)?.[1];