javascript - 如何在 Fabric.js 中获取当前 View 的中心坐标？

Question

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

我尝试在 Fabric JS github 上询问，他们给了我这个:但这个结果每次都给了我一半的 Canvas 高度和宽度。谁能帮我理解为什么？

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

如果我将鼠标悬停在 Canvas 的正中心(我确实设置了鼠标位置)，如果我调用 getcentercooperatives 函数，我应该会看到与(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