title: Fabric.js + IonicV3 - 'touch:gesture' event
body: <p>Of late, I've been trying to implement pinch and zoom in my IonicV3 App using fabric.js.</p>
  
  <p>As it is given in the fabric.js documentation <a href="http://fabricjs.com/touch-events" rel="nofollow noreferrer">here</a>, I'm not able to access evevnts and I get error in the console as : </p>
  
  <pre><code>[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
  </code></pre>
  
  <p>Here is my code: </p>
  
  <pre><code>this.canvas.on(
              'touch:gesture', function (opt) {
                  opt.e.preventDefault();
                  opt.e.stopPropagation();
                  console.log("Fabric Canvas gesture Events----", opt);
                  var delta = opt.e.deltaY;
                  var pointer = this.canvas.getPointer(opt.e);
                  var zoom = this.canvas.getZoom();
                  zoom = zoom + delta / 200;
                  if (zoom &gt; 20) zoom = 20;
                  if (zoom &lt; 0.01) zoom = 0.01;
                  this.canvas.zoomToPoint({ x: opt.e.offsetX, y: opt.e.offsetY }, zoom);
              });
  </code></pre>
  
  <p>And this is the HTML code:</p>
  
  <pre><code>   &lt;ion-scroll scrollY="true" scrollX="true" style="width: 100%; height: 100%;" &gt;
          &lt;div #pageContainer id="pageContainer" class="page" (click)="enableDisableObjetMove()"  &gt;            
                      &lt;canvas #canvas id="canvas"&gt;&lt;/canvas&gt;
          &lt;/div&gt;
      &lt;/ion-scroll&gt;
  </code></pre>
  
  <p>Although in the HTML code I've also tried removing ion-scroll tag + Also tried keeping only the canvas tag. </p>