[css] css圖片縮放失真出現(xiàn)鋸齒的如何解決呢？

1、-ms-interpolation-mode，這是針對(duì)IE的解決方案。其值設(shè)置為bicubic。 2、image-rendering，這是提供了一個(gè)速度VS質(zhì)量之間做權(quán)衡的圖像縮放關(guān)系。 額外的思考： 1、微信上傳圖片時(shí)，服務(wù)端會(huì)自動(dòng)把圖片做不同尺寸的處理。我們可以采用這個(gè)思路來解決圖片縮放產(chǎn)生的問題。 2、SVG的技術(shù)，是一種矢量圖的解決方案，縮放不會(huì)產(chǎn)生失真，我們可以把圖片轉(zhuǎn)為SVG來展示。 3、canvas技術(shù)，也是一種繪圖技術(shù)，可以把圖片轉(zhuǎn)為canvas。

個(gè)人簡(jiǎn)介

我是歌謠，歡迎和大家一起交流前后端知識(shí)。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[css] css图片缩放失真出现锯齿的如何解决呢？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。