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");
})();

npm i @ironsoftware/ironpdf

npm i @ironsoftware/ironpdf

Angular.JS 轉 PDF

使用fromUrl方法從URL呈現PDF文件，使用IronPDF。渲染發生在實例中，有時可能會導致JavaScript或字體載入問題。為確保JavaScript和字體正確載入，建議使用waitFor類並指定適當的等待型別，以及最大等待時間。

JavaScript或字體載入不當的後果可能包括：

不可見的文字內容
顯示錯誤的內容

以下是一個範例程式碼片段，演示如何使用IronPDF使用適當的等待機制來渲染PDF：

程式碼說明

導入IronPDF命名空間：程式碼以導入System命名空間開始。 IronPDF是進行PDF渲染所必需的，System提供基礎功能，如使用TimeSpan類。
Main
主方法：Main方法是程式的入口點。
URL指定：變數url保存要轉換為PDF文件的網頁URL。
初始化渲染器：使用HtmlToPdf渲染器的實例。此實例用於進行轉換。
將URL渲染為PDF：對RenderUrlAsPdf()方法將URL的HTML內容轉換為PDF文件。
確保頁面完全載入：為處理如JavaScript和字體等資源的異步載入，使用WaitForNetworkIdle()。此方法會等待網路活動消退，並指定最大等待時間TimeSpan.FromSeconds(10)。這對於大量依賴動態內容或字體的頁面至關重要。
保存PDF：然後使用output.pdf的文件。
狀態消息：最後，成功保存PDF後，一條確認消息將列印到控制台。