https://github.com/component/gesture
Multi-touch gesture sugar layer on top of hammer.js
https://github.com/component/gesture
Last synced: 2 months ago
JSON representation
Multi-touch gesture sugar layer on top of hammer.js
- Host: GitHub
- URL: https://github.com/component/gesture
- Owner: component
- Created: 2012-08-15T18:27:46.000Z (about 13 years ago)
- Default Branch: master
- Last Pushed: 2017-01-06T23:17:07.000Z (almost 9 years ago)
- Last Synced: 2025-04-03T07:05:42.914Z (7 months ago)
- Language: JavaScript
- Size: 128 KB
- Stars: 16
- Watchers: 1
- Forks: 11
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
- Changelog: History.md
Awesome Lists containing this project
README
# Gesture
Emitter wrapper and a little sugar on top of [Hammer.js](https://github.com/eightmedia/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`.
```js
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