如何在 Fabric.js 中获取当前视图的中心坐标？

Question

我正在开发一个图像加载系统，为了让它在移动设备上工作，我需要为我当前的视图获取 canvas 中心的坐标。 它应该返回与我将鼠标悬停在中心上相同的结果。

我尝试询问织物 js github，他们给了我这个：但结果每次都给了我一半的 canvas 高度和宽度。 谁能帮我理解为什么？

var myCenterCoordinates = fabric.util.transformPoint({
  x: canvas.width / 2,
  y: canvas.height / 2,
}, fabric.util.invertTransform(canvas.viewportTransform));

如果我将鼠标悬停在画布的确切中心（我确实设置了鼠标 position），如果我调用 getcentercoordinates function，我应该看到相同的结果（x 和 y）

编辑： fabric.util.invertTransform(canvas.viewportTransform)[4] 和 fabric.util.invertTransform(canvas.viewportTransform)[5] 为您提供当前视点左上角的当前 x 和 y 坐标，因此我们可能能够用那个强大的文本做点什么

Answer 1

我找到了答案：

var zoom=canvas.getZoom()
function CenterCoord(){
   return{
      x:fabric.util.invertTransform(canvas.viewportTransform)[4]+(canvas.width/zoom)/2,
      y:fabric.util.invertTransform(canvas.viewportTransform)[5]+(canvas.height/zoom)/2
   }
}

使用这个：

var centerX=CenterCoord().x
var centerY=CenterCoord().y