read : canvas 를 reset, clear 하는 추천 방법 : 기술 #html #html5 #canvas::공대여자홈

#html #html5 #canvas

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()

처럼 하면 회피할 수 있다.

No	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	3857
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	13351
공지	[공지] 기술 게시판	mins01	06/24 15:10	13593