jsPDFを使用してHTML入力値をPDFにエクスポート

Question

私は、ユーザーが入力した値でPDFファイルとしてダウンロードする必要がある、タイプチェックボックス、テキスト領域、ラジオボタンなどのユーザー入力フィールドがいくつかあります。私はjsPDFを使ってHTML divをPDFにエクスポートしていますが、入力フィールドにはPDFの結果に値がありません。入力値を使用してフォーム全体をエクスポートするにはどうすればよいですか？あなたが説明したように私は自分自身の機能を構築してきた

self.onDownload = function (divId){ 
    var doc = new jsPDF(); 
    doc.fromHTML(document.getElementById(divId), 15, 15, { 
      'width': 170 
    }); 
    doc.save('sample-file.pdf'); 
} 

Answer 1

：ここではPDFにエクスポートするための私のjsPDF javascriptのです。

私が現在気づいていることは、jsPDFのようなほとんどのPDF生成ライブラリでは、入力フィールドの値属性を読み書きできないため、PDFには表示されません。

これを回避する方法の1つは、DOM to Imageジェネレータを使用してから、画像をPDFとして保存することです。それは最も洗練されたソリューションではありませんが、これまでのところ私が見つけた最高のソリューションです。私はイメージを作成するためにhtml2canvasライブラリを使用していました。また、pdfを作成するためにjsPDFを使用しています。

html2canvasとjsPDFを使用して、基本的なhtmlからpdf関数を設定するチュートリアルhereがあります。