Skip to main content

Introduction

docusaurus-plugin-panzoom is a plugin that adds pan and zoom functionality to images and SVG elements in Docusaurus websites.

Overview​

Complex diagrams and charts, especially those generated with Mermaid, can be difficult to examine in detail in a browser. This plugin allows users to drag to move (pan) and zoom in or out of diagrams for better visibility.

This plugin implements the excellent @panzoom/panzoom library.

Key Features​

  • Adds pan and zoom functionality to images and SVG elements
  • Works with mermaid.js generated diagrams
  • Customizable selectors to target specific elements
  • Option to wrap elements to contain them within their original container
  • Wheel zoom and double-click reset functionality

Note​

This package is a fork of act-org/docusaurus-plugin-panzoom under the MIT license. It was forked because the original package was not being actively maintained.

If the original package is updated and maintained again, we recommend migrating back to the original package. This fork will continue to be maintained until then.

License​

MIT, see LICENSE for more details.