jspdfライブラリを使用してhtmlファイルをpdfに変換する

Question

jsPDFライブラリを使用してhtmlファイルをpdfに変換しようとしています。しかし、実装したコードでは、画像全体がpdfに変換されていません。その半分だけが見えます。誰かが私に間違っていると教えてもらえますか？

var canvas = document.getElementById('myCanvas'); 
 
var context = canvas.getContext('2d'); 
 
context.beginPath(); 
 
context.moveTo(0,0); 
 
context.lineTo(200,100); 
 
context.closePath(); 
 
context.strokeStyle = '#0000ff'; 
 
context.stroke(); 
 

 
download.addEventListener("click", function() { 
 
    // only jpeg is supported by jsPDF 
 
var imgData = canvas.toDataURL("image/jpeg",1.0);    
 
var pdf = new jsPDF(); 
 
pdf.addImage(imgData, 'JPEG', 0, 0); 
 

 
var download = document.getElementById('download'); 
 
    pdf.save("download.pdf"); 
 
});

<script src="https://parall.ax/parallax/js/jspdf.js"></script> 
 
<canvas id="myCanvas" width="200" height="100" style="border:solid #0000ff;"> 
 
</canvas> 
 
<button id="download">download</button>

Answer 1

私は最近、pdfファイルにHTMLを変換する上でいくつかの研究を行ないました。私はjsPDFを見ましたが、PDF文書をhtmlページに埋め込むのに適しているようです。

htmlページをPDFに書き出す場合は、最終的に使用することを決めたhttps://github.com/fraserxu/electron-pdfと考えてください。 Electronは、Chromeの「print to pdf」機能と一致する出力を生成します。

注：これはサーバー側のレンダリングソリューションです。クライアント側で行う必要がある場合は、適切な解決策ではありません。