Image Zoom & Drag

approved

by ChenPengyuan(gitcpy) & Ssentiago

Make any image or diagram interactive with zoom, drag, and control panels

★ 73 stars↓ 16,734 downloadsUpdated 26d agoApache-2.0
View on GitHub

Image Zoom & Drag

Downloads Release

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

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:

  1. Download the latest release from releases page
  2. Extract to VaultFolder/.obsidian/plugins/image-zoom-drag/
  3. 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

For plugin developers

Search results and similarity scores are powered by semantic analysis of your plugin's README. If your plugin isn't appearing for searches you'd expect, try updating your README to clearly describe your plugin's purpose, features, and use cases.