Angular.JSをPDFに

import {PdfDocument, WaitForType} from "@ironsoftware/ironpdf";

(async () => {
    // Configure render options
    const options = {
        enableJavaScript: true,
        // Wait for Javascript
        waitFor: {
            type: WaitForType.JavaScript,
            maxWaitTime: 500,
        },
    };
    
    const pdf = await PdfDocument.fromUrl("https://angular.io/", { renderOptions: options });

    // Export the PDF document
await pdf.saveAs("angular.pdf");
})();

Angular.JSをPDFに

IronPDF で URL から PDF ドキュメントをレンダリングするには、 fromUrlメソッドを使用します。レンダリングはインスタンス内で行われるため、JavaScript やフォントの読み込みで問題が発生することがあります。 JavaScript とフォントが正しく読み込まれるようにするには、 waitForクラスを使用して適切な待機タイプと最大待機時間を指定することをお勧めします。

不適切に読み込まれた JavaScript またはフォントの結果には次のようなものがあります:

見えないテキストコンテンツ
コンテンツが誤って表示されている

適切な待機メカニズムを使用して IronPDF を使用して PDF をレンダリングする方法を示すコードスニペットの例を次に示します。

コードの説明

IronPdf 名前空間のインポート: コードは、IronPdf および System 名前空間のインポートから始まります。 PDF レンダリングには IronPdf が必要であり、System はTimeSpanクラスの使用などの基本機能を提供します。

-メインメソッド: Mainメソッドはプログラムのエントリポイントです。

URL 仕様: 変数urlは、PDF ドキュメントに変換する Web ページの URL が保持されます。

-レンダラーの初期化: new HtmlToPdf()を使用してHtmlToPdfレンダラーのインスタンスが作成されます。このインスタンスは変換を実行するために使用されます。

Render URL to PDF: RenderUrlAsPdf()メソッドは、rendererインスタンス上で呼び出され、URLのHTMLコンテンツをPDFドキュメントに変換します。
確実にページをフルロードする: JavaScriptやフォントなどのリソースの非同期ロードを処理するために、WaitForNetworkIdle()が使用されます。このメソッドは、TimeSpan.FromSeconds(10)の最大待機時間を指定して、ネットワークの活動が落ち着くまで待機します。これは、動的なコンテンツやフォントに大きく依存するページにとって非常に重要です。
PDFを保存: 次に、結果のPDFは、SaveAs()メソッドを使ってoutput.pdfという名前のファイルに保存されます。

-ステータスメッセージ: 最後に、PDF が正常に保存されると、確認メッセージがコンソールに出力されます。

このアプローチにより、レンダリングされた PDF が完全かつ正確になり、すべての JavaScript とフォントが適切に読み込まれるようになります。

AngularからPDFへの変換コード例を見る