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

  •        65

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.

http://timmywil.github.com/jquery.panzoom/
https://github.com/timmywil/jquery.panzoom

Tags
Implementation
License
Platform

   




Related Projects

draggable - The JavaScript Drag & Drop library your grandparents warned you about.

  •    Javascript

Get complete control over drag and drop behaviour with Draggable! Draggable abstracts native browser events into a comprehensive API to create a custom drag and drop experience. Draggable comes with additional modules: Sortable, Droppable, Swappable. Draggable itself does not perform any sorting behaviour while dragging, but does the heavy lifting, e.g. creates mirror, emits events, manages sensor events, makes elements draggable.The additional modules are built on top of Draggable and therefore provide a similar API interface, for more information read the documentation below.

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.


pinchzoom - A Javascript library providing multi-touch gestures for zooming and dragging on any DOM element

  •    Javascript

PinchZoom is a Javascript library providing multi-touch gestures for zooming and dragging on any DOM element. Licensed under the MIT License.

photo_view - 📸 Easy to use yet very customizable zoomable image widget for Flutter

  •    Dart

A simple zoomable image/content widget for Flutter. PhotoView enables images to become able to zoom and pan with user gestures such as pinch, rotate and drag.

TableDnD - jQuery plug-in to drag and drop rows in HTML tables

  •    HTML

You'll also need to include jQuery before you include this plugin (so that jQuery is defined). Basically we get the table element and call tableDnD. If you try this, you'll see that the rows are now draggable.

dragula - :ok_hand: Drag and drop so simple it hurts

  •    Javascript

Framework support includes vanilla JavaScript, Angular, and React.You can get it on npm.

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.

knockout-sortable - A Knockout

  •    Javascript

knockout-sortable is a binding for Knockout.js designed to connect observableArrays with jQuery UI's sortable functionality. This allows a user to drag and drop items within a list or between lists and have the corresponding observableArrays updated appropriately. Note: The sortable binding assumes that the child "templates" have a single container element. You cannot use containerless bindings (comment-based) bindings at the top-level of your template, as the jQuery draggable/sortable functionality needs an element to operate on.

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 ...

html5sortable - Lightweight jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API

  •    HTML

This project is not mantained anymore. I recommend using RubaXa's Sortable or voidberg's fork instead. Use .sortable-dragging and .sortable-placeholder CSS selectors to change the styles of a dragging item and its placeholder respectively.

react-native-sortable-listview - Drag drop capable wrapper of ListView for React Native

  •    Javascript

Drag drop capable wrapper of ListView for React Native. Allows for dragging and dropping of rows with automatic scrolling while dragging. See example.

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.

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'.

vue-grid-layout - A draggable and resizable grid layout, for Vue.js.

  •    Vue

This is the initial layout of the grid. The value must be an Array of Object items. Each item must have i, x, y, w and h proprties. Please refer to GridItem documentation below for more informations.

react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.

  •    Javascript

React-Grid-Layout is a grid layout system much like Packery or Gridster, for React. Unlike those systems, it is responsive and supports breakpoints. Breakpoint layouts can be provided by the user or autogenerated.

dragscroll - micro library for drag-n-drop scrolling style

  •    Javascript

Dragscroll is a micro JavaScript library (910 bytes minified) which enables scrolling via holding the mouse button ("drag and drop" or "click and hold" style, online demo). It has no dependencies and is written in vanilla JavaScript (which means it works anywhere). That's it! Now you can scroll it by dragging. You can also add the dragscroll class to the <body> element and drag the whole page.

UIView-draggable - UIView category that adds dragging capabilities

  •    Objective-C

UIView category that adds dragging capabilities.





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.