解决Fancybox放大之后看原图在chrome下原图依旧模糊的bug

使用fancybox一段时间发现个小细节,当图片比较大的时候, 即便点[放大]按钮看原图, 依然有模糊.

这明显就是render的问题啊，于是F12了2个小时。。。终于解决了。

原因是在 fancybox-content 这个class节点的位置做了个动画效果，使用 translate 实现的，但是坐标计算宽高没有取整，导致了对元素 px 可以精确到小数点后的 chrome 就“精确”的实现了偏差， 这一偏不要紧， 整个图都糊掉了。

解决的思路就是取整，使用 parseInt 直接硬上即可。

 

我的 fancybox 版本是 v3.5.7

在 minipack.js 里面找到这一段代码, 闭包前后加入取整函数即可.

对应可读代码位置是这里:

 

 

保存即可.