gesture-component

Higher level gesture API built on hammer.js

Usage no npm install needed!

<script type="module">
  import gestureComponent from 'https://cdn.skypack.dev/gesture-component';
</script>

README

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.

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

gesture(img)
.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 + ')';
});

License

MIT