README file from
GithubImage Zoom & Drag
Note: Previously known as "Diagram Zoom Drag". Same plugin, expanded features!
Interactive image viewer for Obsidian with zoom, drag, and multiple viewing modes.
Before/After
Features
- Two viewing modes: Integrated and Popup
- Universal support for any SVG and IMG images
- Zoom in/out with mouse wheel or control buttons
- Drag images with mouse or arrow keys
- Fullscreen mode for better viewing
- Touch support for mobile devices
- Supports Mermaid, PlantUML, Graphviz, custom diagrams, and any images
Installation
Community Plugins: Settings → Community plugins → Browse → "Image Zoom & Drag" → Install
Manual installation:
- Download the latest release from releases page
- Extract to
VaultFolder/.obsidian/plugins/image-zoom-drag/ - Settings → Community plugins → Enable "Image Zoom & Drag"
Quick Start
After installation, images in your notes will automatically become interactive. Access the help guide via Settings → About → Help for detailed instructions.
Development
Quick setup:
git clone https://github.com/Ssentiago/image-zoom-drag.git
cd image-zoom-drag
bun install
bun run dev # Start development mode
Commands:
bun run dev- Development →test-vault/bun run build- Production build →dist/
Contributing
We welcome contributions! See CONTRIBUTING.md for details.
Want to help translate? Check out TRANSLATION_GUIDE.md.
Documentation
Full documentation: DOCS.md
Credits
Original idea by @gitcpy