[javascript/jquery] canvas to image 방법

[javascript/jquery] canvas to image 방법

 

javascript에서 canvas 에 있는 내용을 img 태그로 뽑아 내고 싶을때 하는 방법입니다.

<canvas id="canvas"></canvas>
<img id="img">

우선 위와 같은 태그가 있다고 가정하고,

 

  var img_view = document.getElementById('img');
  img_view.src = canvas.toDataURL();

canvas.toDataURL() 로 canvas 에서 뽑아낸 내용을 img 태그가 담겨있는 img_view 에 src 로 넣어주면 됩니다.

 

엄청 간단합니다!

 

하지만 여기서 !!

크로스브라우징 이슈 (CROS)  들이 생겨나는 경우가 많습니다.

 

이부분은 아직 뾰족한 해결책은 못찾았습니다..

 

찾는대로 바로 공유하겠습니다!

 

참고하세요!