我希望能够在HTML 5画布中放大鼠标下的点,例如放大Google地图.我怎样才能做到这一点？
我正在用Fabric.js编写一个脚本来缩放当前鼠标位置的图像.我已经取得了一些进展,但某处出现了错误.
案例1:将鼠标放在一个位置并使用鼠标滚轮进行缩放.
结果:完美地工作,图像放大该特定像素.
案例2:在一个位置放大一点(使用鼠标滚轮放大3-5倍),然后将鼠标移动到新位置并放大.
结果:第一个点工作正常,但移动到另一个点并缩放后,图像位置不正确.
我的代码在这个小提琴:
https://jsfiddle.net/gauravsoni/y3w0yx2m/1/
我怀疑图像定位逻辑有问题:
imgInstance.set({top:imgInstance.getTop()-newMousY,left:imgInstance.getLeft()-newMousX});
出了什么问题？