性能出現嚴重問題
老師,我在你倒計時那個程序中,給每個小球加上了 徑向漸變的效果,使小球看起來有立體效果,但是在iPhone4上卡的不行,如何進行性能優化呢?
for?(var?i?=?0;?i?<?BALLS.length;?i++)?{ ct.beginPath(); ct.arc(BALLS[i].x,?BALLS[i].y,?BALLS[i].r,?0,?2*Math.PI); ct.closePath(); ???????? var?radial?=?ct.createRadialGradient(BALLS[i].x,BALLS[i].y,0,BALLS[i].x,BALLS[i].y,BALLS[i].r); ???????? radial.addColorStop(0,'white'); ???????? radial.addColorStop(1,BALLS[i].color); ct.fillStyle?=?radial; ct.fill(); if?(BALLS[i].y?-?BALLS[i].r?<?WIN_HEIGHT)?{ BALLS[n++]?=?BALLS[i]; } }
2015-03-17
后來發現canvas的性能是個大問題,尤其在做較為復雜的動畫上