尝试在面料JS画布上调整大小\旋转图像时的收缩元素

Question

尝试将触摸支持添加到结构js画布。 在PC上，它可以很好地处理图像周围的点，并且可以调整大小\旋转它，而在移动设备上，如果我尝试用两根手指调整大小\旋转，图像会缩小并变得很小。

当我转到http://fabricjs.com/touch-events时，它可以正常工作，但是如果我将此代码保存到我的网站上，它将无法正常工作，并且工作原理与以前相同。

画布代码：

<div style="display:none" id='canvasContainer'>
      <div id="rotateRect"></div>
      <canvas id="c"></canvas>
    </div>

添加图片：

var x = reader.readAsDataURL(file);
    reader.onload = function(e) {
      var data = this.result;
      fabric.Image.fromURL(data, function(img) {
        var oImg = img.set({
          transparentCorners: false,
          lockUniScaling: true,
          cornerColor: "#ef0d33"
        })
        oImg.scaleToHeight(250);
        oImg.scaleToWidth(250);
        canvas.centerObject(oImg);
        canvas.add(oImg).setActiveObject(oImg).renderAll();
        canvas.controlsAboveOverlay = true;
      });
    };

画布创建：

  var canvas = new fabric.Canvas('c');
  canvas.controlsAboveOverlay = true;
  var canvasWidth = 500;
  var canvasHeight = 500; 
  if(isComp){
    canvas.setHeight(500);
    canvas.setWidth(500);
  }
  else{
    canvas.setHeight(320); 
    canvas.setWidth(320);
    canvasWidth = 320;
    canvasHeight = 320;
  }