使用canvas.centerObject维护宽高比时，Fabric.js magnifer无法正常工作

Question

我在Fabric.js中写了一个放大镜，它在没有保持宽高比的情况下工作正常，但如果保持宽高比（镜头变得错位）则不起作用。

Link to working magnifier in fabric.js without aspect ratio, works fine

Link to magnifier in fabric.js with aspect ratio, doesn't work properly because lens is getting misplaced

代码： //Please check fiddle

Answer 1

看起来你似乎没有考虑到第一张图像的左偏移量。我相信如果你将左偏移乘以它似乎对我有效的标度。

lens.set('left', -(scale - 1) * x + (canvas.getObjects()[0].left * 2));