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

#530 Fit hexagon to width and height

Browse Source 
The hexagon shape in flow chart now fits
the width and height independently, so it can better fit
large content without taking up too much space.
This commit is contained in:
Brian Mearns
2019-10-02 22:23:30 -04:00
parent 51e902cd36
commit b300a4decb
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/diagrams/flowchart/flowRenderer.js
View File

@@ -362,16 +362,16 @@ export const draw = function(text, id) {
};
render.shapes().hexagon = function(parent, bbox, node) {
const w = bbox.width;
const q = 7;
const w = (q / (q - 2)) * bbox.width;
const h = bbox.height;
const s = (w + h) * 0.9;
const points = [
{ x: s / 4, y: 0 },
{ x: (3 * s) / 4, y: 0 },
{ x: s, y: -s / 2 },
{ x: (3 * s) / 4, y: -s },
{ x: s / 4, y: -s },
{ x: 0, y: -s / 2 }
{ x: w / q, y: 0 },
{ x: (w * (q - 1)) / q, y: 0 },
{ x: w, y: -h / 2 },
{ x: (w * (q - 1)) / q, y: -h },
{ x: w / q, y: -h },
{ x: 0, y: -h / 2 }
];
const shapeSvg = parent
.insert('polygon', ':first-child')
@@ -385,7 +385,7 @@ export const draw = function(text, id) {
)
.attr('rx', 5)
.attr('ry', 5)
.attr('transform', 'translate(' + -s / 2 + ',' + (s * 2) / 4 + ')');
.attr('transform', 'translate(' + -w / 2 + ',' + (h * 2) / 4 + ')');
node.intersect = function(point) {
return dagreD3.intersect.polygon(node, points, point);
};