Angular.JSをPDFに

string(27) "クリックしてコピー"

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に

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

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

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

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

コードの説明

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

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

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

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

URL を PDF にレンダリング: RenderUrlAsPdf() メソッドが renderer インスタンスで呼び出され、URL の HTML コンテンツを PDF ドキュメントに変換します。

-ページ全体の読み込みを保証する: JavaScriptやフォントなどのリソースの非同期読み込みを処理するために、WaitForNetworkIdle() が使用されます。このメソッドは、ネットワークアクティビティが落ち着くまで待機し、最大待機時間として TimeSpan.FromSeconds(10) を指定します。これは、動的なコンテンツやフォントに大きく依存するページにとって非常に重要です。