缩放时获取画布视口转换

Question

如何在缩放时获得翻译画布视口？

我的缩放方法：

    mouseZoom(opt) {
        let canvas = this.canvasRender;
        let delta = opt.e.deltaY;
        let zoom = canvas.getZoom();
        zoom = zoom + delta / 200;
        if (zoom > 10 || zoom < 0.2) {
            return;
        }

        if (zoom > 20) zoom = 20;
        if (zoom < 0.001) zoom = 0.01;
        canvas.zoomToPoint({x: opt.e.offsetX, y: opt.e.offsetY}, zoom);
        opt.e.preventDefault();
        opt.e.stopPropagation();       
     }

Answer 1

快来看看canvas.viewportTransform的房产。

它包含存储为数组[a, b, c, d, tx, ty]的所有视口转换，其中：

a - x比例

b - y歪斜

c - x螺丝

d - y比例

tx - x翻译

ty-y翻译