search

adrai / flowchart.js

Draws simple SVG flow chart diagrams from textual representation of the diagram
http://flowchart.js.org/
MIT License
8.54k stars 1.21k forks source link

Horizontal centering for multi-line text #224

Open maxxime opened 3 years ago

maxxime commented 3 years ago

Hello, is it possible to adjust the horizontal centering for text spread over several lines? By default, such text is left aligned and therefore the spacing between the text and the frame is asymmetrical (unlike frames containing a single line of text), as in the capture below:

Screenshot 2021-08-06 at 22-25-34 flowchart js

By hand I changed the text-anchor property from start to middle and adjusted the start position in x to half the width of the frame to illustrate the rendering which I imagine is more visually pleasing:

Screenshot 2021-08-06 at 22-24-34 flowchart js

Is this actually possible with flowchart.js because I don't see any use of it in the examples?

Many thanks to the developers of this project that I find very useful.

adrai commented 3 years ago

These are the current available options: https://github.com/adrai/flowchart.js/blob/master/src/flowchart.defaults.js It may be a new option could be introduced to make text-anchor dependend on it.... But I don't know if this will work.... Feel free to try a PR.