어떻게 html5 캔버스를 부모 div로 인쇄

Question

내 웹 페이지에는 div 안에 캔버스가 있습니다. 내가 자바 스크립트를 사용하여 캔버스와 함께이 div를 인쇄해야합니다. enter image description here

Answer 1

이렇게하려면 캔버스를 일반적인 이미지로 변환해야합니다.

은하면서

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

이 잘 작동,

var canvasObj = document.getElementById("yourCanvasId"); 
var imgObj = canvasObj.toDataURL("image/png"); 

는 그런 다음 같은 이미지 오브젝트를 작성할 수 있습니다,이 같은 canvas.toDataURL를 사용하여 이미지의 표현을 포함하는 데이터의 URI를 가져옵니다 출력물.

희망이 도움이됩니다!.

Answer 2

html2Canvas 당신의 웹 사이트의 보이는 부분의 png를 제공 할 수 있습니다. 당신은 브라우저 콘솔을 통해 그것을 시도 할 수 있습니다.