之前做过一个查看大图的功能,下面来说说我写过的几种不同的实现方式:
(1)点击之后,在原页面上写个div,直接弹出图片
缺点:图片会有点失真
(2)根据像素值进行放大,即“放大镜”功能
这种放大镜的代码,网络上有很多,可以去参考一下~
缺点:只能局部放大,且对不同的分辨率需要兼容(比如我,就遇到了4k无法兼容===!!)
(3)点击之后,跳到一个新的url,新的页面
经过了前面两种的放大之后,客户总是能挑出点问题。于是就采用了这个方法,客户总算满意了!!撒花!!
这种方法很easy,而且无需担心兼容性问题,也无需担心过度失真。而且很省事,跳转新的页面之后,直接用浏览器自带的缩放功能即可实现放大缩小,简直太赞了
以上。