Multi-touch gesture sugar layer on top of hammer.js
JavaScript
Pull request Compare This branch is 1 commit ahead, 4 commits behind component:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
test
.gitignore
.npmignore
History.md
Makefile
Readme.md
component.json
index.js
package.json

Readme.md

Gesture

Emitter wrapper and a little sugar on top of Hammer.js.

Installation

$ component install component/gesture

Events

  • drag start
  • drag
  • drag end
  • tap
  • double tap
  • hold
  • release
  • transform start
  • transform
  • transform end
  • swipe
  • swipe left
  • swipe right
  • swipe up
  • swipe down

API

gesture(el)

Bind gestures to the given el and returns a Gesture.

var gesture = require('gesture');
var img = document.getElementById('maru');

var maru = gesture(img);

maru.on('transform', function(e){
  var r = e.rotation.toFixed(2);
  var s = e.scale.toFixed(2);
  img.style['-webkit-transform'] = 'rotate(' + r + 'deg) scale(' + s + ')';
});

setTimeout(function(){
  maru.unbind();
}, 5000);

Gesture#unbind()

Unbind event handlers.

License

MIT