1、场景演示:
原图100*100的二维码;html上改为1000*1000;会导致模糊;
2、需求:
要求变为高清;
3、代码实现:
img{
image-rendering: pixelated
}
4、浏览器兼容:
支持的浏览器:image-rendering属性支持的浏览器如下所示:
- chrome
- 火狐浏览器
- 苹果浏览器
- Opera
原图100*100的二维码;html上改为1000*1000;会导致模糊;
要求变为高清;
img{
image-rendering: pixelated
}
支持的浏览器:image-rendering属性支持的浏览器如下所示: