Displaying 1 to 20 from 36 results

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.

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.

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

  •    Javascript

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.

reaviz - 📊 Data visualization library for React based on D3

  •    TypeScript

REAVIZ is a modular chart component library that leverages React natively for rendering the components while using D3js under the hood for calculations. The library provides an easy way to get started creating charts without sacrificing customization ability.

RxGesture - RxSwift reactive wrapper for view gestures

  •    Swift

To run the example project, clone the repo, in the Example folder open RxGesture.xcworkspace. You might need to run pod install from the Example directory first.


  •    JQuery

A lightweight, touch-enabled jQuery plugin for zooming in, out and panning around SVGs

touch-pinch - minimal two-finger pinch gesture detection

  •    Javascript

A low-level utility for two-finger pinch and panning gestures.The following example scales by the delta difference in a two-finger pinch gesture.

ractive-touch - Touch events for Ractive

  •    Javascript

Touch events for Ractive. Supports tap, pan, swipe, rotate, pinch, and press.Disambiguation: This page is about ractive-touch, the JavaScript plugin. For the Ractiv Touch+ mouse, see ractiv.com.

Leaflet.Pancontrol - A simple panning control for Leaflet.

  •    CSS

A panning control for Leaflet. Tested with Chrome, IE 7-9 and Firefox.

jquery-svgpan - A jQuery plugin providing a hook for Andrea Leofreddi's SVGPan library on an arbitrary number of SVGs

  •    Javascript

This is an an adaptation of Andrea Leofreddi's SVGPan library, version 1.2.2, for use as a jQuery plugin. When called upon SVG element(s), this will add all the capabilities of Andrea Leofreddi's SVGPan library to those elements. Non-SVG elements will be silently ignored.

angular-panhandler - Pan Directive for Angular.js - Drag to scroll behavior

  •    Javascript

Add panhandler as an attribute to the element on which you would like to enable panning. Thats it! If you would like to make sure your inner content fits to a certain size, you can specify a content-{width|height} attribute. If you need to disable panning (temporarily) for some of the content elements, you can set the preventPan attribute on the panhandler element to true.

camera-2d - Camera controls for 2D scrolling, rotation and zooming

  •    Javascript

A simple 2D camera suited for games and visualizations. Width and height of the camera viewport, in units.

jQuery-PanZoom - jQuery plugin to pan and zoom an image within a parent div.

  •    Javascript

Pan and zoom an image within a parent div using any combination of buttons (anything you can bind a click to), mousewheel and drag/drop. Plugin can also read/write the co-ordinates of the image within the parent div to/from a (probably hidden) form field for easy integration into your own projects. Live example available at: http://benlumley.co.uk/dev/panzoom/example/index.html

react-cursor-position - A React component that decorates its children with mouse and touch coordinates relative to itself

  •    Javascript

react-cursor-position is a primitive component for composing UI features that require notification of cursor and touch position changes. Position coordinates are plotted relative to the HTML element rendered by react-cursor-position. In the mouse environment it supports scroll position changes during a hover session. In the touch environment, it supports the long press gesture and does not interfere with page or element scrolling.

react-map-interaction - Add map like zooming and dragging to any element

  •    Javascript

Add map like zooming and panning to any React element. This works on both touch devices (pinch to zoom, drag to pan) as well as with a mouse or trackpad (wheel scroll to zoom, mouse drag to pan). MapInteraction doesn't require any props. It will control its own internal state, and pass values to its children. If you need to control the scale and translation then you can pass those values as props and listen to the onChange event to receive updates.