使用canvas.centerObject维持纵横比时,Fabric.js放大镜不工作
Fabric.js magnifer not working while maintaing aspect ratio using canvas.centerObject
我正在用Fabric.js写一个放大镜,它在不保持长宽比的情况下工作得很好,但如果长宽比保持(镜头放错了地方),它就不工作了。
链接到fabric.js中没有宽高比的工作放大镜,工作正常
链接到fabric.js中的放大镜与宽高比,不能正常工作,因为镜头是错位的
代码://Please check fiddle
似乎你没有考虑到第一个图像的左偏移量。我相信如果你把左边的偏移量乘以比例,它似乎对我有用。
lens.set('left', -(scale - 1) * x + (canvas.getObjects()[0].left * 2));
相关文章:
- 使用fabric.js从矩形区域获取对象,并将该区域绘制到画布上
- Fabric.js-更改矩形填充
- Dropdown在fabric js的Materialize设计中不起作用
- 如何在fabric js中向多边形添加图像
- fabric js多边形集合坐标
- 在fabric.js中以PNG格式下载Canvas,给出网络错误
- 在fabric.js中使用一个组作为遮罩
- 以编程方式将fabric-js-canvas的图像替换为hq图像,并重新计算其他对象的坐标和大小
- 如何通过Fabric.js只点击实际内容来选择对象
- Cufon-builder-font-js文件在Fabric.js中不起作用
- fabric.js中的文本对齐方式未按预期工作
- fabric.js:使用 Image.set() 调整图像大小是否会降低图像质量
- 使用Fabric.js选择画布上的所有对象
- Canvas仅使用fabric.js在点击事件时渲染自定义Web字体
- drawImage() in fabric js
- Fabric.js函数将对象从A点移动到B点
- Fabric.js文本转换不起作用
- 检查Fabric.js中的Canvas是否为空
- 如何在Fabric.js上获取鼠标坐标
- 如何使用Fabric.js创建多个形状