canvas 를 reset, clear 하는 추천 방법
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() 처럼 하면 회피할 수 있다.