如何通过缩放Fabric.js将图像（调整大小，移动等）控制到div容器中？

Question

嗨，我对Fabric.js有点陌生，让我们看看我是否可以解释我的问题：

我在div容器中有一个fabric.canvas，它具有zoom属性，具体取决于调整大小事件。画布与缩放效果很好，但是当我在画布内添加图像时，会出现图像，但控件与图像和控件相比处于不同的位置。因此，如果要移动图像，则无法以正确的方式控制对象。这是正在发生的事情的图像：

我不知道哪种面料值会发生变化以适应容器的zoom属性。

这是我的 zoom 函数的代码：

 function zoom(bookHeight, bookwidth){
   var height = window.innerHeight,
   width = window.innerWidth,
   documentHeight= bookHeight,
   documentWidth = bookwidth,
   zoom;
  (height <= width)?zoom = height/documentHeight: zoom = width/documentWidth;
  var currentWidth = documentWidth * zoom;
  if(currentWidth  >= width){
      zoom = width/documentWidth;
  }
  return zoom;
}

谢谢。