Angular.JS 到 PDF

string(15) "點擊以複製"

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的 fromUrl 方法從 URL 渲染 PDF 文件。渲染過程在一個實例中發生，有時會導致JavaScript或字體載入出現問題。為確保JavaScript和字體正確加載，建議使用 waitFor 類別並指定適當的等待類型以及最大等待時間。

JavaScript或字體載入不當可能導致以下後果：

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

以下範例程式碼片段示範如何使用IronPDF渲染 PDF 並實現適當的等待機制：

程式碼說明

-匯入IronPDF命名空間：程式碼首先匯入IronPDF和 System 命名空間。 IronPDF是 PDF 渲染所必需的，System 提供了使用 TimeSpan 類別等基本功能。

-主方法：Main 方法是程式的入口點。

URL 規格：變數 url 儲存要轉換為 PDF 文件的網頁的 URL。

-初始化渲染器：使用 new HtmlToPdf() 建立 HtmlToPdf 渲染器的實例。此實例用於執行轉換。

-將 URL 渲染為 PDF ：呼叫 RenderUrlAsPdf() 方法，將 URL 的 HTML 內容轉換為 PDF 文件。

-確保頁面完全加載：為了處理JavaScript和字體等資源的非同步加載，使用了 WaitForNetworkIdle()。此方法會等待網路活動減弱，最大等待時間為 TimeSpan.FromSeconds(10)。對於嚴重依賴動態內容或字體的頁面來說，這一點至關重要。

-儲存 PDF ：然後使用 SaveAs() 方法將產生的 PDF 儲存到名為 output.pdf 的檔案中。

-狀態訊息：最後，PDF 儲存成功後，會在控制台上列印確認訊息。

這種方法確保渲染的 PDF 完整且準確，所有JavaScript和字體都已正確載入。

探索 Angular 到 PDF 轉換程式碼範例

準備好開始了嗎？

版本： 2026.3 剛剛發布

查看許可證

還在捲動嗎？

想要快速證明？
執行範例觀看您的 HTML 變成 PDF。

查看許可證

Iron Support Team

We're online 24 hours, 5 days a week.

Chat

Email

Call Me