Enabling zooming in the diagram view window

[jpadfield]

Hi,

I have just added an old pan and zoom library to one of the projects I use mermaid in and it seemed that it might be useful to add the same functionality to the Mermaid Live editor - it would just be an issue of including the library, then getting the ID of the svg and running a refresh after each update.

The library is: https://github.com/bumbu/svg-pan-zoom (though I use a slightly altered earlier version)
The example system where I am using it with Mermaid can be seen at: https://research.ng-london.org.uk/modelling/

Thanks

Joe

[sidharthv96]

Hi @jpadfield!
It would indeed be a useful feature to have.

Two things we'll have to check:

1. The SVG & PNG download feature isn't affected.
2. Pan & Zoom state is retained when editing code.

[sidharthv96]

@jpadfield Pan & Zoom is currently the most used feature after render and loading sample diagrams!

https://plausible.io/mermaid.live

[jpadfield]

@sidharthv96 thanks for letting me know, it is great that it has been useful :-)