JSFiddle - React, Tailwind, and code Playground

by Lorenzo Brutti

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>
<script src="https://hammerjs.github.io/dist/hammer.js"></script>

<div id="myElement"></div>

CSS

#myElement {
  background: silver;
  height: 500px;
  text-align: center;
  font: 30px/300px Helvetica, Arial, sans-serif;
}

JavaScript

var myElement = document.getElementById('myElement');

var mc = new Hammer.Manager(myElement);

// create a pinch and rotate recognizer
var rotate3 = new Hammer.Rotate({
  pointers: 3
});
var rotate2 = new Hammer.Rotate({
  pointers: 2
});

// add to the Manager
mc.add([rotate2, rotate3]);


mc.on("rotate", function(ev) {
  console.dir(ev);
});