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

ultimate solution to position the svg

Browse Source
This commit is contained in:
Tyler Long
2018-04-12 09:06:20 +08:00
parent f2ea725edb
commit 44ff608868
4 changed files with 9 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -405,23 +405,10 @@ export const draw = function (text, id) {
return flowDb.getTooltip(this.id)
})
if (conf.useMaxWidth) {
// Center the graph
svg.attr('height', '100%')
svg.attr('width', conf.width)
svg.attr('viewBox', '0 0 ' + (g.graph().width + 64) + ' ' + (g.graph().height + 64))
svg.attr('style', 'max-width:' + (g.graph().width + 64) + 'px;')
} else {
// Center the graph
svg.attr('height', g.graph().height + 64)
if (typeof conf.width === 'undefined') {
svg.attr('width', g.graph().width + 64)
} else {
svg.attr('width', conf.width)
}
svg.attr('viewBox', '0 0 ' + (g.graph().width + 64) + ' ' + (g.graph().height + 64))
}
svg.select('g').attr('transform', 'translate(32, 32)')
const padding = 8
svg.attr('width', g.maxX - g.minX + padding * 2)
svg.attr('height', g.maxY - g.minY + padding * 2)
svg.select('g').attr('transform', `translate(${padding - g.minX}, ${padding - g.minY})`)
// Index nodes
flowDb.indexNodes('subGraph' + i)