implement pinch to zoom

2026-08-30 16:15:14 +02:00
parent ea50704f8a
commit 7eb02f07dc
160 changed files with 15806 additions and 61 deletions
@@ -0,0 +1,41 @@
+
+<style>
+  body {
+    padding: 50px;
+  }
+
+  button {
+    padding: 15px 25px;
+  }
+</style>
+
+<button>Button</button>
+
+<script src="../build/build.js"></script>
+
+<script>
+  var Tween = require('tween');
+  var raf = require('component-raf');
+  var button = document.querySelector('button');
+
+  var tween = Tween({ rotate: 0, opacity: 0 })
+    .ease('out-bounce')
+    .to({ rotate: 360, opacity: 1  })
+    .duration(800);
+
+  tween.update(function(o){
+    button.style.opacity = o.opacity;
+    button.style.webkitTransform = 'rotate(' + (o.rotate | 0) + 'deg)';
+  });
+
+  tween.on('end', function(){
+    animate = function(){};
+  });
+
+  function animate() {
+    raf(animate);
+    tween.update();
+  }
+
+  animate();
+</script>