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 –歪斜

c – x缝合

d – y比例

tx – x翻译

ty – y翻译

缩放时获取画布视口平移

1 个答案: