web-dev-qa-db-ja.com

HtmlのCSSをPDF Javascriptを使用してエクスポートする

JavaScriptを使用してPDFを生成しようとしていますが、CSSで生成できません。現在 jsPDF を使用しています。jsPDFの問題は、すべてが削除されることです。書式設定。スタイルや色は必要ありませんが、複数のdivsを並べて表示する必要があります。

私のコードは

                    margins = {
                        top: 0,
                        bottom: 0,
                        left: 20,
                        width: 170
                    };                       
                    pdf.setFontSize(6);
                    pdf.fromHTML(
                        $('#textpdfdiv').html(), 
                        margins.left, 
                        margins.top, { 
                            'width': margins.width
                        },

                        function (dispose) {                                
                            pdf.save('Export_Text.pdf');
                        }, margins
                    );

textpdfdivはdivのIDであり、フォームのすべての値が別々のdivsに並んでいます。しかし、PDFを生成すると、それらは別々の行に移動します。

オンラインで処理するため、 XEPOnline を使用できません。

必要なものPDF出力は次のようなものです（色やフォームフィールドなどを除く）



私が現在持っている出力はです

HTML + CSSをPDFに変換するプラグインはありますか？または、jsPDFでこれを実現できますか？私はテーブルを持っていないので、これ 質問 も役に立ちません。

EDIT：Html2Canvasも、検索できない長いPDFを作成し、検索可能なPDFが必要なため、使用できません。 Html2Canvasはスクリーンショットを撮り、それは画像ですが、コピーできるテキストが必要です。

ありがとうございました、
ハムザ

javascripthtmlcssjspdfhtml-to-pdf
4
Hamza

このプラグインを使用して、HTMLとCSSでPDFを生成しました。PDFに入れたいコンテンツを、ID付きの「」に含める必要があります。

https://github.com/Xportability/css-to-pdf

5
Louise Godec

多分私はそのような助けにはなれなかったでしょう、しかしそれはそのライブラリのバグのようです： https://github.com/MrRio/jsPDF/issues/91

そのページには、Html2Canvasを使用するという目的の提案があります。

0
misterwolf