HTML 渲染设置

import {PdfDocument, WaitForType, CssMediaType, FitToPaperModes, PdfPaperOrientation, PaperSizeUnit} from "@ironsoftware/ironpdf";

(async () => {
    // Many rendering options to use to customize!
    const options = {
        paperSize: {
            unit: PaperSizeUnit.Inch,
            width: 12.5,
            height: 20,
        },
        printHtmlBackgrounds: true,
        paperOrientation: PdfPaperOrientation.Landscape,
        title: "My PDF Document Name",
        waitFor: {
            type: WaitForType.RenderDelay,
            maxWaitTime: 50, // in milliseconds
        },
        cssMediaType: CssMediaType.Screen,
        fitToPaperMode: FitToPaperModes.FitToPage,
        createPdfFormsFromHtml: true,

        // Supports margin customization
        margin: {
            top: 40, // millimeters
            left: 20, // millimeters
            right: 20, // millimeters
            bottom: 40, // millimeters
        },

        // Can set FirstPageNumber if you have a cover page
        firstPageNumber: 1, // use 2 if a cover page will be appended
    };

    // Render HTML page to PDF
    const pdf = await PdfDocument.fromUrl("https://angular.io/", { renderOptions: options });
    
    // Save the PDF
    await pdf.saveAs("my-content.pdf");
})();

HTML 渲染设置

从 HTML 字符串、文件或网络 URL 进行渲染时，可以配置许多渲染选项。上面显示的设置包括可配置测量单位的自定义纸张大小、启用 HTML 背景、页面方向、文档标题、延迟呈现过程、指定 CSS 媒体类型、选择纸张模式、创建可编辑表单字段、自定义页边距以及添加页码。

CSS 媒体类型 "屏幕 "和 "打印 "是用于指定如何根据显示或输出媒介将样式应用到 HTML 文档的指令。当选择 "屏幕 "作为媒体类型时，它表示 CSS 规则是为屏幕浏览而设计的，会针对数字屏幕优化颜色和布局等因素。相反，当选择 "打印 "时，浏览器就会应用为打印文档量身定制的样式，确保 HTML 内容打印在物理介质上时的可读性和正确格式。有时，为了显示某些背景图像，有必要将 CSS 媒体类型设置为 "屏幕"。

呈现过程的延迟主要是为 JavaScript 或字体的加载提供足够的时间。