[javascript/jquery] javascript canvas reset example / 자바스크립트 캔버스 초기화 하는 방법

[javascript/jquery] javascript canvas reset example / 자바스크립트 캔버스 초기화 하는 방법

 

 

javascript 에서

 

canvas 를 이용하여

 

이미지 작업도 하고 그림도 그릴수 있고

 

여러가지를 할 수 있습니다.

 

그러다 보면

 

canvas 를 초기화 해야하는 경우가 생기곤 하는데요,

 

그럴때는 아래와 같이 clearRect 와 beginPath 를

 

이용하시면 됩니다.

 

var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');


context.clearRect(0, 0, cnvs.width, cnvs.height);
context.beginPath();

 

위 내용 보시면 아시겠지만,

 

canvas 라는 아이디를 가지는 캔버스를 초기화하는 내용입니다!

 

참고들 하세요!