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