http://jsperf.com/canvas-clear-speed
canvas.width = canvas.width
로 하는 것 보다
var context2d =
canvas.getContext('2d');
context2d.clearRect(0,0,
canvas .width,
canvas .height);
하는게 조금 더 빠르다.
(브라우저 별로 차이가 있을 수 있다.)
PC용 크롬에서는 clearRect가 조금 빠르지만
크롬 모바일로 해봤을 경우, 별반.. 차이 없다.
--=----
#clearRect
20.39
±1.26%
fastest
#fillRect
18.94
±3.77%
9% slower
#set width
17.25
±3.15%
17% slower
!! 2015-04-23 추가
set width 는 사용하지 말아라. 설정이 전부 초기화 된다!
context2d.save()
canvas.width = canvas.width
context2d.restore()
처럼 하면 회피할 수 있다.