問題タブ [jspdf]

jspdfは utf8 文字をサポートしていないため、一部の文字を画像に置き換えてから pdf にエクスポートしようとしています。理解を助けるために、コードのサンプルを作成しました。ここでは、画像を html div に配置し、これを jspdf を使用して pdf に貼り付けます。テキストは pdf に表示されますが、画像はありません。問題は何ですか? 初心者なのでやり方を教えてください。

このリンクを試して問題を確認してください: http://www.balkanex.info/test/start.html

コードは以下のとおりです。

start.html

runner.js

script.js

jsPDF を使用して描画したい SVG で定義されたベジエ曲線があります。jsPDF を使用して曲線を正しくレンダリングすることができませんでした。以下の SVG で定義されているベジエ曲線を jsPDF を使用して描画するにはどうすればよいですか?

SVG の曲線:

jsPDFを使用した曲線での私の試み:

レンダリング時に SVG が生成するもの (左) と、私の jsPDF コードが生成するもの (右):

こんにちは、HTML で生成された請求書を jsPDF でレンダリングしたいのですが、レンダリングしようとするとエラーが発生して、

キャッチされていない TypeError: 未定義の jspdf.plugin.from_html.js:233 のプロパティ '長さ' を読み取ることができません

自力で直そうとしたのに・・・失敗。

プラグイン jspdf.plugin.standard_fonts_metrics、jspdf.plugin.split_text_to_size、jspdf.plugin.from_html がバインドされています。

レンダリングに使用するコードは次のとおりです。

問題は fromHTML プラグインの 223 行目から childNodes のことで始まると思います...

cns = element.childNodes;

前もって感謝します！

Web マッピング ライブラリLeafletのオープン ソース プラグインに取り組んでいます。アイデアは、クライアント ブラウザーで直接マップから印刷可能な PDF ドキュメントを生成することです。基本的な機能は動作しますが、Google Chrome に問題があります。

ドキュメント形式と dpi 設定によっては、スクリプトがすべてのマップ タイルを画像として取得し、それらをデータ URI に変換してドキュメントに追加するのに時間がかかる場合があります。この場合、Firefox のユーザー インターフェイスが数秒間応答しなくなり、その後、完成した PDF が表示されます。ただし、Chrome はスクリプトの実行を停止し、悪いスマイリーを表示します。

あ、スナップ！この Web ページの表示中に問題が発生しました。続行するには、再読み込みするか、別のページに移動してください。

処理能力による制限があるので、普通はそれでいいと思います。しかし、これは実際には 300dpi の DIN A4 フォーマットで発生するので、私はそれに耐えられません。オプションを段階的に増やすことができ、あるレベルでChromeがスクリプトの実行を停止するため、これは私のコードのバグとは関係がないと強く思います。

コードをデバッグしてボトルネックを見つけるにはどうすればよいですか? Chrome がスクリプトを停止しないようにするにはどうすればよいですか?

Web サイトにページがあり、ページのコンテンツを含む PDF ファイルを作成し、このファイルをメールに添付する「Mail me」のようなボタンを追加したいと考えています。したがって、可能であれば、ファイルをローカルに保存することは避けたいのですが、代わりにメールに添付するだけです。HTMLページからpdfを作成するためにjsPDFを使用していますが、正常に動作します。

フロントエンドのみのように、このファイルをjavascriptまたはjQueryを使用してメールに添付することは可能ですか、またはたとえばバックエンドにAjaxで送信する必要がありますか?

メールjqueryでPDFを添付していただきありがとうございます

最初はかなり子供向けのゲームのように思えた質問を解決するために、私はすでに4日間を費やしました.jsPDFライブラリを使用してファイルを保存しようとしています. それを印刷するのではなく、それはすでに行われていることです。

だからここに私のHTMLがあります：

次に、「保存」ボタンをクリックすると、javacript コンソールで読み取ることができます。

Uncaught TypeError: Object #<Object> has no method 'save' index.html:58

プロジェクトに添付した JavaScript ファイルのリストは次のとおりです。

1. FileSaver.js
2. jquery-2.1.0.min.js
3. jspdf.js
4. jspdf.plugin.addimage.js
5. jspdf.plugin.autoprint.js
6. jspdf.plugin.cell.js
7. jspdf.plugin.from_html.js
8. jspdf.plugin.javascript.js
9. jspdf.plugin.png_support.js
10. jspdf.plugin.sillysvgrenderer.js
11. jspdf.plugin.split_text_to_size.js
12. jspdf.plugin.standard_fonts_metrics.js
13. jspdf.plugin.total_pages.js

そしてライブラリ：

1. base64.js
2. sprintf.js

したがって、このすべての情報を表示した後、私の質問は次のとおりです。保存ボタンを適切に機能させられないのはなぜですか?

何か案は？

jsPDF を使用して、div コンテナーの PDF を作成しています。
その div コンテナは横向きの請求書です。
保存ボタンをクリックすると、次のエラーが警告ボックスに表示されます。

関数 [object Object] のエラー: saveAs が定義されていません

JavaScript:

HTML:

ありがとう。

jsPDF を使用して Web アプリで PDF ドキュメントを作成し、そのドキュメントを Perl に送信し、Perl にメールで送信すると、正常に動作します。ただし、PDF ドキュメントに画像を追加すると、Adobe Reader がファイルが破損していると表示され、機能しなくなります。アプリは巨大なので、同じように動作する同様の関連コードを含むスタブを次に示します。

html:

js:

パール:

Ajax の呼び出しと出力の作成を次のように置き換えると...

...その後、新しいブラウザー タブに正しく表示されるので、画像が正しく挿入されていることがわかります。検索で見つけたものから、エンコードの問題のようですが、問題の解決策はまだ見つかりません. サーバー上の Perl に正常に送信された画像付きの PDF ドキュメントを取得して、破損しないようにするにはどうすればよいですか?

モバイル Cordova アプリ内からjsPDF ライブラリ ( https://github.com/MrRio/jsPDF ) を使用して PDF を生成しようとしています。現在、Android 4.0.4 デバイスでアプリをテストしていますが、Windows モバイル 8 でも実行する必要があります。PDF ドキュメント内のテキストは正しく表示されますが、画像はスクランブルされています。下の画像を参照してください

このページ ( https://coderwall.com/p/nc8hia ) は、Cordova で画像を表示する jsPDF に問題があることを示しているように見えましたが (コメントを参照)、著者はフォローアップを投稿しませんでした。Cordova で jsPDF を使用して、生成された PDF に画像を適切に追加できた人はいますか? 私のコードは以下のとおりです。支援やアドバイスをいただければ幸いです。