svg-pan-zoom - JavaScript library that enables panning and zooming of an SVG in an HTML document, with mouse events or custom JavaScript hooks

  •        25

It works cross-browser and supports both inline SVGs and SVGs in HTML object or embed elements. If you found a bug or have a suggestion first check if there is a similar open or closed issue. If there are none then create a new one.

https://github.com/ariutta/svg-pan-zoom#demos
https://github.com/ariutta/svg-pan-zoom

Tags
Implementation
License
Platform

   




Related Projects

Silverlight Toolkit Chart Zoom and Pan Extension

  •    

Now SL4 version is branched and trunk is compiled against SL5RC. Also got rid of that white gap around chart and disabled hit test on the zoom box so it works right-to-left better. This solution extends the Silverlight Toolkit Chart to give Zoom, Pan and Span functionality ...

Linux Drawing Viewer

  •    C++

LX-Viewer will allow you to open, view and print DWG or DXF files, typically used in CAD related technical drafting. You may zoom and pan the drawing normally and save to DWG or DXF from AutoCAD v2.5 to 2002 +BMP, PNG and SVG format

ImageViewZoom - Android ImageView widget with zoom and pan capabilities

  •    Java

ImageViewTouch is an android ImageView widget with zoom and pan capabilities. This is an implementation of the ImageView widget used in the Gallery app of the Android opensource project. The default display state is `DisplayState.NONE'.

react-native-image-zoom - react native image pan and zoom

  •    TypeScript

Then, scan the QR, use your expo app.

jquery-cropbox - jQuery Cropbox plugin

  •    Javascript

jQuery plugin for in-place image cropping (zoom & pan, as opposed to select and drag). This plugin depends only on jQuery. If either `Hammer.js` or `jquery.hammer.js` is loaded, the cropbox plugin will support gestures for panning and zooming the cropbox. Similary, if the `jquery.mousewheel.js` plugin is loaded, then the cropbox plugin will support zoom in & out using the mousewheel. All dependencies on third party libraries (other than jQuery) are strictly optional. Support for CommonJS and AMD loading is built in. In browsers that support the HTML5 FIle API and Canvas API, the cropbox plugin provides mehtods to crop the image on the client and obtain the resulting cropped image as a Data URL or a binary blob to upload it to the server. Check out the plugin in action here http://acornejo.github.io/jquery-cropbox/


TileView - TileView is a subclass of android

  •    Java

The TileView widget is a subclass of ViewGroup that provides a mechanism to asynchronously display tile-based images, with additional functionality for 2D dragging, flinging, pinch or double-tap to zoom, adding overlaying Views (markers), built-in Hot Spot support, dynamic path drawing, multiple levels of detail, and support for any relative positioning or coordinate system. Properly configured, TileView can render tiles quickly enough be appear seamless.

ZoomTransition - Interactive zoom transition for presenting view controllers written in Swift

  •    Swift

An easy to use interactive zoom transition for presenting view controllers onto a navigation stack. This transition mimics the iOS 7 & 8 photos app. ZoomTransition supports pinch, rotate and pan gestures while dismissing the presented view controller.

KYElegantPhotoGallery - An elegant photo gallery

  •    Objective-C

An elegant photo gallery. It will zoom from a thumb image and you can pan to dismiss it with cool animation. ###1.支持双击放大、pinch缩放 Double-Tap & pinch to zoom.

QuickMAN - Fast Mandelbrot Generator

  •    C

QuickMAN is a Mandelbrot fractal generator with multicore support. ASM-optimized code reaches billions of iterations per second on fast CPUs. Features an easy-to-use GUI, realtime pan/zoom, multiple palettes, image logging, and saving in PNG format.

Minemapper

  •    

Minemapper is an interactive, dynamic mapper for Minecraft. It uses mcmap to generate small map image tiles, then lets you pan and zoom around, quickly generating new tiles as needed.

WMS Mapper

  •    Javascript

A javascript library to create dynamic web-based maps from otherwise static WMS (web map service) images by adding pan/zoom functionality with the popular googlemaps-like draggability. Custom clickable overlays can be added to create a useful GIS.

CineFX - Professional grade media player

  •    C++

Cinefx is a professional grade media player, based on the jahplayer, that is capable of playing uncompressed video and image sequences at resolutions as high as 2K and 4K in real-time. Cinefx is an offline playback, editing, encoding, animation and visual effects tool based on the Jahshaka technology that allows you to create professional digital media on your desktop. Use the tools that hollywood uses to create blockbuster films and special effects.

jquery.panzoom - :egg: A jQuery plugin for panning and zooming elements using CSS3.

  •    Javascript

Panzoom is a progressive plugin to create panning and zooming functionality for an element. Rather than setting width and height on an image tag, Panzoom uses CSS transforms and matrix functions to take advantage of hardware/GPU acceleration in the browser, which means the element can be anything: an image, a video, an iframe, a canvas, text, WHATEVER. jquery.panzoom.min.js (12.5kb/4.6kb gzip), included in this repo, is compressed with uglifyjs.

onvif - ONVIF node.js implementation

  •    Javascript

ONVIF Client protocol Profile S (Live Streaming) and Profile G (Replay) Node.js implementation. This is a wrapper to ONVIF protocol which allows you to get information about your NVT (network video transmitter) device, its media sources, control PTZ (pan-tilt-zoom) movements and manage presets, detect devices in your network and control its events. It will also allow you to get information about your NVR (network video recorder) Profile G device and obtain a list of recordings.

EventDrops - A time based / event series interactive visualization using d3.js

  •    Javascript

EventDrops is a time based / event series interactive visualization tool powered by D3.js. If you want to pan and zoom on previous data on your own, here is the demo.

BigImageViewer - Big image viewer supporting pan and zoom, with very little memory usage and full featured image loading choices

  •    Java

Note that if you've already used Fresco in your project, please change Fresco.initialize into BigImageViewer.initialize. You can disable display optimization using optimizeDisplay attribute, or BigImageView.setOptimizeDisplay(false). Which will disable animation for long image, and the switch between thumbnail and origin image.

Cesium - An open-source JavaScript library for world-class 3D globes and maps

  •    Javascript

CesiumJS is a JavaScript library for creating 3D globes and 2D maps in a web browser without a plugin. It uses WebGL for hardware-accelerated graphics, and is cross-platform, cross-browser, and tuned for dynamic-data visualization.

TouchScript - Complete multi-touch solution for Unity: iOS, Android, Windows, TUIO.

  •    CSharp

When working on a project for mobile devices or PCs with touch input you will soon require basic gestures like tap, pan, pinch and zoom — they are not hard to implement manually using Unity API or using a package from Asset Store. The hard part is to make these gestures work together, e.g. to have a button with a tap gesture placed on a zoomable window. This is where you will need TouchScript — it makes handling complex gesture interactions on any touch surface an effortless job. Developed by Valentin Simonov.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.