紙にhtmlキャンバスを印刷するには

Question

form、texts、canvasのHTMLベースのWebページを作成しました。私は紙の上にキャンバスを含むこのページを印刷しようとしています。しかし、問題はキャンバスを印刷できないことです。また、toDataURL()メソッドを使用して、印刷前に画像にcanvasを変換しましたが、それでも動作しませんでした。誰かに私に手がかりを与えてもらえますか？あなたは何ができるか

var c = document.getElementById("myCanvas"); 
 
var ctx = c.getContext("2d"); 
 
ctx.fillRect(0, 0, 150, 100); 
 
var img = c.toDataURL("image/png"); 
 
document.write('<img src="'+img+'"/>'); 
 

 
function printData(){ 
 
var divToPrint=document.getElementById("printTable"); 
 
newWin= window.open(""); 
 
newWin.document.write(divToPrint.outerHTML); 
 
newWin.print(); 
 
newWin.close(); 
 
} 
 

 
$('#printButton').on('click',function(){ 
 
printData(); 
 
});

<canvas id="myCanvas"></canvas> 
 
<table id="printTable"> 
 
<button type="button" id="printButton" class="btn btn-info"> Print </i></button> 
 
<tr><td>Data1 : </td><td >HTML</td></tr> 
 
<tr><td>Data2 : </td><td >CSS</td></tr> 
 
<tr><td>Image : </td><td >Wanna print the image here.</td></tr>

Answer 1

あなたがarchieveしようとしているものと非常によく似ている他尋ねページ上の他の良い答えソリューションのいくつかを試してみてくださいです。

はここをチェックしてみてください。[クイック印刷HTML5キャンバス]の Capture HTML Canvas as gif/jpg/png/pdf?