canvas 를 reset, clear 하는 추천 방법

less than 1 minute read

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() 처럼 하면 회피할 수 있다.


🔗original-link

Updated: