使用平移和放大计算画布中的绝对坐标。放大

Question

如何在更改视口位置和缩放级别后计算画布的特定位置（例如底部中心）？

现在我正在尝试这样的事情。但它只适用于视口。

canvasPoint = {
   left:(canvas.width/2)-canvas.viewportTransform[4],
   top: canvas.height-canvas.viewportTransform[5]
}

当我缩小或放大时，我无法找到画布的新中心底点。

Answer 1

你必须使用矩阵。 你的底部 - 中心角有坐标：

var p = {x: canvas.width/2, y: canvas.height};

您的缩放和平移由viewportTransfom：

表示

var invertedMatrix = fabric.util.invertTransform(canvas.viewportTransform);
var transformedP = fabric.util.transformPoint(p, invertedMatrix);

你应该完成。 transformedP应该具有您在缩放和/或平移视图中看作中心底部的点的绝对坐标。