使用canvas.centerObject维持纵横比时,Fabric.js放大镜不工作

Fabric.js magnifer not working while maintaing aspect ratio using canvas.centerObject

本文关键字:Fabric js 放大镜 工作 centerObject canvas 使用      更新时间:2023-09-26

我正在用Fabric.js写一个放大镜,它在不保持长宽比的情况下工作得很好,但如果长宽比保持(镜头放错了地方),它就不工作了。

链接到fabric.js中没有宽高比的工作放大镜,工作正常

链接到fabric.js中的放大镜与宽高比,不能正常工作,因为镜头是错位的

代码://Please check fiddle

似乎你没有考虑到第一个图像的左偏移量。我相信如果你把左边的偏移量乘以比例,它似乎对我有用。

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