HTML Canvas를 gif / jpg / png / pdf로 캡처 하는 방법

질문 : HTML Canvas를 gif / jpg / png / pdf로 캡처 하시겠습니까?

---

HTML 캔버스에 표시된 내용을 이미지 또는 PDF로 캡처하거나 인쇄 할 수 있습니까?

캔버스를 통해 이미지를 생성하고 해당 이미지에서 png를 생성하고 싶습니다.

답변

---

죄송합니다. 원래 답변은 유사한 질문에 한정되었습니다. 다음과 같이 수정되었습니다.

var canvas = document.getElementById("mycanvas");
var img    = canvas.toDataURL("image/png");

IMG의 값을 사용하여 다음과 같이 새 이미지로 작성할 수 있습니다.

document.write('<img src="'+img+'"/>');

출처 : https://stackoverflow.com/questions/923885/capture-html-canvas-as-gif-jpg-png-pdf