함수 이전에 캔버스 업데이트

Question

JavaScript 함수 내부에 있고 캔버스 요소를 업데이트하려는 경우 함수가 반환 될 때만 업데이트가 수행됩니다. 때로는 캔버스를 업데이트하고 기능을 계속 실행하기를 원합니다. 이것을 달성 할 수있는 방법이 있습니까?

Answer 1

일반적으로 아니오입니다. 스크립트 루틴이 종료 될 때까지 브라우저가 모든 UI 이벤트를 차단하기 때문에이를 수행하는 간단한 방법은 없습니다. 여기에는 캔버스 업데이트 (예 : 스크립트가 무한 루프에 이르렀을 때와 같이 브라우저 창을 닫을 때까지 이전에 본 적이있을 수 있음)이 포함됩니다.

어쨌든, 지점에서의 setTimeout을 사용하고이 작업을 수행 할 수있는 더 많거나 적은 추한 방법은 어디에서 당신은 당신의 캔버스를 업데이트하려면 :

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