[css] css图片缩放失真出现锯齿的如何解决呢?
1、-ms-interpolation-mode,这是针对IE的解决方案。其值设置为bicubic。2、image-rendering,这是提供了一个速度VS质量之间做权衡的图像缩放关系。额外的思考:1、微信上传图片时,服务端会自动把图片做不同尺寸的处理。我们可以采用这个思路来解决图片缩放产生的问题。2、SVG的技术,是一种矢量图的解决方案,缩放不会产生失真,我们可以把图片转为SVG来展示。3、canvas技术,也是一种绘图技术,可以把图片转为canvas。
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题