pinch-component

pinch helper

npm install pinch-component
15 downloads in the last week
24 downloads in the last month

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

npm loves you