I am trying to enable smooth pinch to zoom on mobile devices on my fabric.js canvas. I have a solution that technically works, the problem is that it is very stuttery, the zoom happens in distinct stages, almost frame by frame, so it is not a good experience. It also seems to get worse as time goes on. Is there any way I can make it stutter less and scale more smoothly? I am testing on a good smartphone.

Here is the code:

canvas.on('touch:gesture',function(event) {
        if (event.e.touches && event.e.touches.length == 2) {
          if (event.self.state == "start") {
            zoomStartScale = self.canvas.getZoom();
          }
          // Calculate delta from start scale
          var delta = zoomStartScale * event.self.scale;
          // Zoom to pinch point
          self.canvas.setZoom(delta);
        }
      })