프로그래밍 노트/HTML,CSS

[HTML] Canvas 화면 지우기

깡냉쓰 2018. 9. 19. 13:17
반응형

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(00, canvas.width, canvas.height);
cs


반응형