반응형
clearRect()메소드를 이용한 Canvas 화면 지우기
Canvas의 Context에는 clearRect()의 메소드가 존재한다.
이 메소드는 사각형 영역을 지우는 메소드 인데, 4개의 파라미터를 필요로 한다. => clearRect(x, y, w, h)
캔버스안에서 특정 영역을 지울 때 사용하는데, x = 0, y = 0, w = width, h = height로 설정하면 캔버스의 전체영역을 지울 수 있게 된다.
1 2 | var canvas = document.getElementById("canvas"); canvas.getContext("2d").clearRect(0, 0, canvas.width, canvas.height); | cs |
반응형
'프로그래밍 노트 > HTML,CSS' 카테고리의 다른 글
[HTML] 캔버스(canvas) 기본 사용법 (0) | 2018.09.18 |
---|