pinch in and out on elements on handheld devices
JavaScript HTML Makefile
Latest commit 0812060 Apr 15, 2015 @rauchg rauchg fix name
Permalink
Failed to load latest commit information.
.gitignore
History.md
Makefile
Readme.md
component.json
e.js
index.js
package.json
test.html

Readme.md

pinch

pinch in and out on elements on handheld devices.

Installation

Install with component(1):

$ component install component/pinch

Example

pinch(img, function(e) {
  dot.style.left = e.x + 'px';
  dot.style.top = e.y + 'px';
  dot.style['-webkit-transform'] = 'scale(' + e.scale + ')';
});

API

Pinch(el, fn)

Initialize Pinch with the element el and callback function fn.

pinch(img, function(e) {
  var midpoint = { x: e.x, y: e.y };
  var scale = e.scale;
});

The event object e is augmented with following keys:

  • x: the x coordinate of the midpoint between your two fingers
  • y: the y coordinate of the midpoint between your two fingers
  • scale: the relative distance between your two fingers starting at 1.

Pinch.unbind()

Unbind

TODO

  • add e.rotate support for android

License

MIT