HTML5-canvas動畫閃爍分析

主要是setInterval驅動的不精準，該時鐘沒法跟瀏覽器重繪的頻率同步而會致使時序問題。canvas 關於FPS和瀏覽器重繪：瀏覽器保持一個幀頻（一般爲60fps）刷新畫面，包括頁面中的canvas；動畫繪製過程以下：擦除canvas--計算全部元件的位置及顏色--逐個繪製全部元件到canvas中。該過程當中，當擦除整個canvas後，瀏覽器到達重繪點時，canvas爲空白，瀏覽器就會繪製空白

>>阅读原文<<