From 90e93f777b60d817a072da3f482dd1f9bb625c73 Mon Sep 17 00:00:00 2001
From: Daniel Freedman <dfreedm@google.com>
Date: Thu, 9 Jan 2014 11:41:10 -0800
Subject: [PATCH] Slightly polish pinch/rotate example

Start box in middle, prevent accidental back/forward gestures on chromeos
---
 samples/pinchrotate/index.html | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)
diff --git a/samples/pinchrotate/index.html b/samples/pinchrotate/index.html
index 315717c..38dfba7 100644
--- a/samples/pinchrotate/index.html
+++ b/samples/pinchrotate/index.html
@@ -22,31 +22,36 @@
   <script src="../../pointergestures.js"></script>
 </head>
 <body touch-action="none">
-  <div id="box" touch-action="none"></div>
+  <div id="box"></div>
   <script>
     var zoom = 1;
     var angle = 0;
-    var x = 0, y = 0;
+    var x = innerWidth / 2, y = innerHeight / 2;
 
     document.addEventListener('pinch', function(e) {
       zoom = e.scale;
       x = e.centerX;
       y = e.centerY;
     });
+
     document.addEventListener('rotate', function(e) {
       angle = e.angle;
       x = e.centerX;
       y = e.centerY;
     });
 
+    // prevent forward/back ChromeOS gestures
+    document.addEventListener('pointerdown', function(e) {
+      e.preventDefault();
+    });
+
     function draw() {
       var trans = 'translate(' + Math.floor(x) + 'px, ' + Math.floor(y) + 'px) scale(' + zoom.toFixed(2) + ') rotate(' + angle.toFixed(1) + 'deg)';
       box.style.webkitTransform = box.style.transform = trans;
       requestAnimationFrame(draw);
     };
 
-    requestAnimationFrame(draw);
-
+    draw();
   </script>
 </body>
 </html>
