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

canvas 를 reset, clear 하는 추천 방법

작성자 공대여자

링크 작성 : 2012-07-03 14:13 조회 : 1051
지남 1일간

2012-07-03 - 2012-07-03

좌표
첨부된 파일이 없습니다.

#html #html5 #canvas

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

처럼 하면 회피할 수 있다.

/ /
No Nickname

No Comment
권한이 없습니다.

{{m_row.m_nick}}

내용이 너무 많습니다!

-

No	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	991
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	10618
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	10807
1640	ui_treemap new 2 #treemap	공대여자	24-04-2304-23	27
1639	:scope selector , querySelector 에서 this, self node 지정 1 #css #this #self #scope	공대여자	24-04-1704-17	70
1638	game_tictactoe 2 #game	공대여자	24-04-0904-09	85
1637	bootstrap extensions 부트스트랩 확장 2 #bootstrap #css	공대여자	24-03-2603-26	161
1636	윈도우 화면 새로 고침 하기, 그래픽 드라이버 재시작 2 #윈도우 #window	공대여자	24-03-2603-26	136
1635	contenteditable 에서 포커스가 안생길 때 강제로 포커스 주는 코드 #range #selection #contenteditable	공대여자	24-03-1003-10	199
1634	ui_layerForElement 요소 기준으로 레이어 위치 잡기 2 #layer	공대여자	24-03-0803-08	183
1633	typingLetters 한글자씩 나타내기 1 #html #effect	공대여자	24-03-0603-06	238
1632	scrollbars styling 1 #css #scrollbars #styling	공대여자	24-02-2902-29	304
1631	[기본형] chartjs 기본 설정 코드 #chartjs	공대여자	24-02-2902-29	254
1630	ui_elbowConnector 연결선 2 #connector	공대여자	24-02-2602-26	207
1629	js_colorschemes 3 #js #color	공대여자	24-02-2202-22	239
1628	색상에 대한 설명,파레트,네이밍 1 #color	공대여자	24-02-2202-22	237
1627	css로 만든 태양계 공전 자전 표시 1 #css	공대여자	24-02-2002-20	327
1626	중앙선거관리위원회 사이버선거역사관 1 #선거 #역사	공대여자	24-02-1502-15	290