這些天,在嘗試使用 canvas 在 HTML 頁面中渲染一些圖形時,我遇到了以下問題:一段時間后,canvas 元素在渲染時會降級我的圖像。這是可視化的問題:要渲染的圖像 (32x32)首次渲染(使用瀏覽器縮放)圖像如何隨機移動(通過鍵盤事件)注意1:我沒有調整圖像大??!注 2:負責繪制的函數每 10 毫秒調用一次注3:我image-rendering: pixelated在CSS中使用canvas注 4:這是負責繪制它的函數: function draw_player(x,y,w,h,state){
if(state>2){ctx.drawImage(player_sprite_jump, x,y, w,h)}
if(state<=1){ctx.drawImage(player_sprite_left, x,y, w,h)}
if(state===2){ctx.drawImage(player_sprite_right, x,y, w,h)}
}(w 和 h 再次為 32,我不會在任何地方調整圖像大?。。┳?5:我使用 HTML、CSS 和普通 JS如果需要任何其他信息,我愿意貢獻。請幫忙!
解決 HTML Canvas 圖像渲染降級問題
牛魔王的故事
2023-07-14 14:54:15