canvas背景透明設(shè)置 怎么設(shè)置canvas動(dòng)畫為背景?
怎么設(shè)置canvas動(dòng)畫為背景?使用HTML5畫布可以快速實(shí)現(xiàn)簡單的動(dòng)畫效果,基本原理如下:每一定時(shí)間繪制圖形并清晰顯示圖形,用于模擬一個(gè)動(dòng)畫過程,可以使用上下文.clearRect(0,0,x,y)
怎么設(shè)置canvas動(dòng)畫為背景?
使用HTML5畫布可以快速實(shí)現(xiàn)簡單的動(dòng)畫效果,基本原理如下:每一定時(shí)間繪制圖形并清晰顯示圖形,用于模擬一個(gè)動(dòng)畫過程,可以使用上下文.clearRect(0,0,x,y)方法刷新要繪制的圖形。第一種方法是繪制圖形,如下所示:<pret=“code”L=“Java”>functionmyanimation(){ctx.clearRect文件(0,0,canvas uusize ux,canvas uuy)if(x_uIcon<0 | | x icon>canvas uusize ux-size x){stepX=-stepX}if(y icon<0 | | y icon>canvas uy-size y){stepY=-stepY}x icon=stepXy iconstepYctx.drawImage公司(動(dòng)畫)_img,x_u1;icon,y_1;以上方法每次清除畫布的內(nèi)容,并重新計(jì)算繪圖位置。一旦超過畫布的大小,繪圖坐標(biāo)就會(huì)反轉(zhuǎn)。