問題タブ [pdfmake]

BMP 画像 (base64 文字列としてエンコード) を PDF に入れようとしていますが、エラーで失敗していますUncaught Error: Unknown image format。次のように純粋な HTML で正しく読み込まれるため、画像が正しくフォーマットされていることがわかります。

HTMLのみの画像のJSFiddleはこちら

しかし、次のようにpdfmakeにロードするとき：

...失敗します（ここでは JSFiddle）。

ノードJSサーバーから生成されたpdfをs3にアップロードすることができました。Pdf はローカル フォルダーでは問題ないように見えますが、AWS コンソールからアクセスしようとすると、「Failed to load PDF document」と表示されます。

s3.upload および s3.putObject API を介してアップロードを試みました (putObject については、リクエストを送信する前にファイルが完全にロードされていることを確認するために .on 終了チェッカーも使用しました)。しかし、S3 バケット内のファイルは依然として同じ (小さい) サイズで、26 バイトであり、ロードできません。どんな助けでも大歓迎です!!!

これは、 pdfmake を使用した単純な html ファイルです。ボタンをクリックして、pdf ファイルを開きます。使用:

大丈夫ですが、pdfpage で特定の言語 (例: バングラ) を見たいと思っています。いかがでしょうか。助けてください、または私に提案してください。

ヘッダー部分:

ボディパーツ：

脚本 ：

ありがとうございました 。

HEREは、ファイルをダウンロードするために使用したコードです。

同じファイルをサーバーにアップロードしたい。

ファイルは html から作成されました。

HTML を PDF ドキュメントにレンダリングするために、pdfMake JavaScript フレームワークを使用しています。

pdfMake.org

単純な作業ドキュメント定義オブジェクトが次のようにレンダリングされるとします。

これが HTML 要素の配列であることを考えると、そのobjectives要素を解析stackし、関数を介して定義を返そうとしています。そのようです：

以下は、関数の非常に単純化された要約です。

問題は、pdfMake が定義を処理するのではなく、文字列 str1 および str2 を逐語的にレンダリングすることです。

pdfMake のドキュメント定義が正しく理解してレンダリングできる配列 (オブジェクト?) としてスタック定義を提供するために、他に何ができるか (または他に何を探すことができるか) は?

生成された pdf のヘッダーにこのコードを使用していますが、最初のページの後のページのヘッダーが削除されても、ページの上部マージンdocDefinition.pageMargins = [10,120,10,70] を削除する方法はありますか? > 1?

私はpdfmakeを使用しています。新しい行ではなく、テキスト行の最後に画像を追加する方法を見つけようとしています。例えば：

この記述を使用して、pdfmake は、最初の行が「テスト テキスト」で、2 番目に画像が含まれる PDF を生成します。「Test text [image]」のように、テキストと画像が 1 行である必要があります。

誰もこれを以前にやったことがありますか？

どうすればよいかアドバイスをいただければと思います。ありがとう。

html2pdfmakeを使用して div を pdf に変換しています。私のdivにはテーブルが含まれており、いくつかのsvgチャートも含まれています。しかし、私はsvgをpdfに入れていません。base64を使用して変換しようとしましたが、base64コードをpdfに貼り付けています。

次のようにsvgをbase64に変換しました：

次に、同じものをコンテンツに追加しました。

また、私が使用したときParseHtml(content,document.getElementById("myPDFDiv"))

私のdivmyPDFDivはDOMから削除されます。

どんな助けでも大歓迎です!!

ボタンをクリックして、モーダル ウィンドウを PDF として保存できるようにする必要があります。モーダルが組み込まれている div 内のスタイリングとすべてのコンテンツを取得する必要があります。

私は特定のライブラリに縛られていませんが、これを機能させるにはクライアント側のライブラリを使用する必要があります。私のプロジェクトは ASP.NET MVC と AngularJS で構築されています。

私はpdfMakeとhtml2canvasを使用しています。Html2canvas は div コンテンツを取得してキャンバスとして保存し、pdfMake はキャンバス/画像を取得して PDF として保存します。

これは、データ/レコードの量が限られている場合 (通常は約 15)、私のモーダルではうまく機能します。より多くのレコードが表示されるときはいつでも、PDF は空白のページだけでレンダリングされます。

PDFがすべてのデータでレンダリング/生成されるように、これを修正する方法がわかりません。私はそれが HTML2Canvas 部分に関連している可能性があり、必ずしもデータに関連しているとは考えていません。開発者によるコード例は複数ページのテキストであり、高速かつ正確にレンダリングされます。これは、いくつかの設定が欠落しているか、HTML2Canvas と pdfMake の間に比較可能性の問題がある可能性があることを示しています。

以前に jsPDF を試しましたが、明らかに CSS ではうまく機能しません。エクスポートされたファイルを正しいスタイルで保存できませんでした。

AngularJS ng-click を使用して JS メソッド printHistoricalData() を呼び出しています。

データ レコードが限られている場合に、現在 HTML を PDF として保存する私のコードを次に示します。

HTML

Angular/Javascript

助けてくれてありがとう。