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 名前空間をインポートすることから始まります。 IronPDFはPDFレンダリングに必要であり、Systemは TimeSpan クラスの使用など基本的な機能を提供します。
Main
メインメソッド: Main メソッドはプログラムのエントリーポイントです。
URLの指定: 変数 url は、PDFドキュメントに変換したいWebページのURLを保持しています。
レンダラーの初期化: HtmlToPdf レンダラーのインスタンスを new HtmlToPdf() 使用して作成します。このインスタンスは変換を実行するために使用されます。
URLをPDFにレンダリング: RenderUrlAsPdf() メソッドは renderer インスタンス上で呼び出され、URLのHTMLコンテンツをPDFドキュメントに変換します。
完全なページの読み込みを確保: JavaScriptやフォントなどの非同期リソースのロードを処理するために WaitForNetworkIdle() を使用します。このメソッドは、ネットワークアクティビティが収まるまで待ち、最大待機時間は TimeSpan.FromSeconds(10) と指定されています。これは、動的なコンテンツやフォントに大きく依存するページにとって非常に重要です。
PDFの保存: 結果のPDFは SaveAs() メソッドを使用して output.pdf という名前のファイルに保存されます。