對(duì)照著老師的視頻敲了一遍,運(yùn)行效果非常的炫,在這里非常感謝老師辛苦的付出。
最后發(fā)現(xiàn)個(gè)小bug:就是在點(diǎn)擊show按鈕的時(shí)候,如果動(dòng)畫還沒結(jié)束的時(shí)候,緊接著點(diǎn)擊Reset按鈕,這時(shí)的效果變成了show按鈕的效果,而且就是不停的點(diǎn)擊reset按鈕,還是show的效果,只有等動(dòng)畫結(jié)束了,再點(diǎn)擊reset按鈕的時(shí)候才有效。
我改了一下,解決了問題,不知道對(duì)不對(duì):將動(dòng)畫變量放在函數(shù)的外面 var theAnimation; 而且在reset()函數(shù)開始的位置執(zhí)行一下clearInterval(theAnimation);
最后發(fā)現(xiàn)個(gè)小bug:就是在點(diǎn)擊show按鈕的時(shí)候,如果動(dòng)畫還沒結(jié)束的時(shí)候,緊接著點(diǎn)擊Reset按鈕,這時(shí)的效果變成了show按鈕的效果,而且就是不停的點(diǎn)擊reset按鈕,還是show的效果,只有等動(dòng)畫結(jié)束了,再點(diǎn)擊reset按鈕的時(shí)候才有效。
我改了一下,解決了問題,不知道對(duì)不對(duì):將動(dòng)畫變量放在函數(shù)的外面 var theAnimation; 而且在reset()函數(shù)開始的位置執(zhí)行一下clearInterval(theAnimation);
2016-06-25
最后在設(shè)置clippingRegion.r>clippingRegion.r>2*Math.max(canvasWidth,canvasHeight)時(shí),還是會(huì)存在bug,動(dòng)畫運(yùn)行時(shí)間長(zhǎng),如果此時(shí)定時(shí)器還沒有執(zhí)行完全,再次點(diǎn)擊reset按鈕時(shí),圖片會(huì)重新加載直接在用上次的定時(shí)展開,,,
2016-06-08