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

#945 Support for notes, better width and handling of +/-

Browse Source
This commit is contained in:
Knut Sveidqvist
2019-10-06 11:35:46 +02:00
parent 1cb52a602a
commit 4f1186a610
4 changed files with 28 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/diagrams/state/shapes.js
View File

@@ -205,16 +205,15 @@ const _drawLongText = (_text, x, y, g) => {
if (txt.length > 0) {
const span = textElem.append('tspan');
span.text(txt);
const textBounds = span.node().getBBox();
textHeight += textBounds.height;
span.attr('x', x + conf.noteMargin);
span.attr('y', y + textHeight + 1.75 * conf.noteMargin);
span.text(txt);
textWidth = Math.max(textBounds.width, textWidth);
span.attr('y', y + textHeight + 1.25* conf.noteMargin);
// textWidth = Math.max(textBounds.width, textWidth);
}
}
return { textWidth, textHeight };
return { textWidth: textElem.node().getBBox().width, textHeight };
};
/**
@@ -226,6 +225,7 @@ const _drawLongText = (_text, x, y, g) => {
export const drawNote = (text, g) => {
g.attr('class', 'note');
console.warn('Text of note', text);
const note = g
.append('rect')
.attr('x', 0)
@@ -233,7 +233,7 @@ export const drawNote = (text, g) => {
const rectElem = g.append('g');
const { textWidth, textHeight } = _drawLongText(text, 0, 0, rectElem);
console.warn('Text of note', text, textWidth);
note.attr('height', textHeight + 2 * conf.noteMargin);
note.attr('width', textWidth + conf.noteMargin * 2);