在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ canvas 圖片放大后模糊問題

canvas 圖片放大后模糊問題

1,有一張115X34的圖片:

clipboard.png

用canvas畫出來之后,如果canva的寬高不小于115X34的話,圖片不會(huì)放大。

ctx.drawImage(img, 0, 0);

如果用ctx.scale(5,5);,或者在drawImage的時(shí)候指定寬高(比較大的值),圖會(huì)變大,
同時(shí)問題也來了:圖會(huì)變模糊。

clipboard.png

而如果不放大,讓它原圖(115X34)顯示,再用瀏覽器自帶的放大功能,那么是這樣的:

clipboard.png

clipboard.png

其中有css

canvas {
        image-rendering: pixelated;
  }

這是預(yù)期的效果。
有沒有辦法用canvas實(shí)現(xiàn)類似效果?
非伸手黨,告知相關(guān)的api、方法或給出鏈接即可,謝謝。

回答
編輯回答
生性

https://segmentfault.com/a/11...
之前看過一個(gè)類似的問題,希望這個(gè)能夠幫到你,處理常見的canvas優(yōu)化——模糊問題、旋轉(zhuǎn)效果

2018年9月23日 23:57
編輯回答
青黛色

canvas中畫圖會(huì)按你最開始drawimage時(shí)候的大小來縮放,所以你想放大時(shí)候不模糊,要一開始按很大的尺寸來drawimage,再按照你的需求縮小,還不是現(xiàn)在你反過來做。

2018年7月4日 23:16