Fabric.js zoomToPoint无法正确居中

编程问答 2022-06-09

问题描述

这是我尝试使用fabric.js进行的操作-缩放到点P1（缩放完成后，画布应该以P1为中心）

似乎zoomToPoint（newX，newY，zoom）没有执行此操作。在github上的讨论表明该方法命名错误。关于如何做我正在做的事情有一些讨论，但尚不清楚。这是我的代码。我要进行什么更改才能使其以P1为中心（centerX，centerY）？看起来由于坐标系统由于平移和缩放而发生变化，我可能需要进行一些转换。如果是这样，哪些转换？

当前代码为：

  fabric.util.animate({
            startValue: zoom,endValue: newzoom,duration: 700,onChange: function(zoomvalue) {
                canvas.zoomToPoint({ x: centerX,y: centerY },zoomvalue);  
                canvas.renderAll();
            },onComplete: function() {
                Stage.canvasDiv.renderAll();
                callback();
            }
        });

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

centerjavascriptpanzoom