どのようにhtml5キャンバスを親divに印刷する

Question

私のウェブページにはdiv内にキャンバスがあります。私はjavascriptを使用してキャンバスでこの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を与えることができます。あなたはブラウザコンソールでそれを試すことができます。