更新帆布返回

Question

如果你是一個JavaScript函數內，要更新的canvas元素則更新發生，只有當函數返回。有時候希望更新畫布並保持功能正常運行。有沒有辦法做到這一點？

Answer 1

一般來說：不，沒有直接的方法可以做到這一點，因爲瀏覽器會阻塞每個UI事件，直到其腳本例程終止。這包括更新畫布（甚至關閉瀏覽器窗口，例如，當腳本進入無限循環時，您可能在之前的某處看到過）。

無論如何，或多或少醜陋的方式做到這一點，是使用在A點的setTimeout，你希望你的畫布進行更新：

function reactOnSomething(){ 
    doSomeStuff(); 
    drawMyCanvas(); 
    setTimeout(function(){ 
     goOnWithOtherStuff(); 
    }, 20); 
}