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

Draft of edge rendering

Browse Source
This commit is contained in:
Knut Sveidqvist
2022-07-24 17:45:54 +02:00
parent 8e5e212c49
commit 15f1cdf3aa
3 changed files with 47 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/diagrams/mindmap/svgDraw.js
View File

@@ -99,6 +99,19 @@ export const drawNode = function (elem, node, conf) {
db.setElementForId(node.id, nodeElem);
return node.height;
};
export const drawEdge = function drawEdge(edgesElem, mindmap, parent, depth, conf) {
edgesElem
.append('line')
.attr('x1', parent.x)
.attr('y1', parent.y + parent.height / 2)
.attr('x2', mindmap.x)
.attr('y2', mindmap.y + mindmap.height / 2)
.attr('stroke', '#88f')
.attr('stroke-width', 15 - depth * 3)
.attr('class', 'edge ');
};
export const positionNode = function (node, conf) {
const nodeElem = db.getElementById(node.id);
@@ -107,4 +120,5 @@ export const positionNode = function (node, conf) {
// Position the node to its coordinate
nodeElem.attr('transform', 'translate(' + x + ',' + y + ')');
};
export default { drawNode, positionNode };
export default { drawNode, positionNode, drawEdge };