5 / 25

InteractionsURL copied

  • Zoom with mouse wheel or the +/− buttons.
  • Pan by dragging (mouse or touch).
  • Reset zoom with the Reset button.
  • Fullscreen with the ⛶ button.

The controls are wired to JavaScript functions in vyasa/static/scripts.js:

  • openMermaidFullscreen(id): Creates modal with close button and ESC key handler
  • resetMermaidZoom(id): Resets transform to translate(0px, 0px) scale(1)
  • zoomMermaidIn(id) / zoomMermaidOut(id): Adjusts scale by 1.1x / 0.9x factors