IRONSOFTWAREHOME
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");
})();
npm i @ironsoftware/ironpdf
HTML渲染设置

HTML渲染设置

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

CSS 媒体类型 "screen" 和 "print" 是用于指定根据显示或输出介质应用样式的指令。 "screen" 被选择为媒体类型时,表示 CSS 规则旨在用于屏幕观看,优化颜色和布局等数字屏幕的因素。 相反,当选择 "print" 时,它会指示浏览器应用适合打印文档的样式,确保在打印 HTML 内容到物理介质时的可读性和适当的格式。 有时,必须将 CSS 媒体类型设置为 "screen" 以显示某些背景图像。

渲染过程中的延迟主要为 JavaScript 或字体加载提供足够的时间。

解释:

  • HTML结构:代码采用标准的HTML5格式结构,包括<body>部分。
  • 元数据:<meta>标签定义了响应式设计的字符集和视口。

样式表:

  • 默认正文样式:设置适用于所有媒体的字体家族和边距。
  • 屏幕媒体查询:针对数字屏幕应用浅灰色背景和深色文字。
  • PRINT媒体查询:应用白色背景和黑色文字,这是打印时的典型样式。

使用示例:给定的 HTML 和 CSS 结构有助于演示如何根据内容是在屏幕上查看还是 PRINT,来应用不同的样式。

在 GitHub 上发现更多 PDF 生成设置示例。
在 GitHub 上查看

准备开始了吗?

版本:2026.6刚刚发布

Key in blue circle

立即获取免费的 30 天试用版密钥。

Your trial license will be sent to your email address

无任何限制。100% 解锁。无需信用卡。

OR
bullet_checked无需信用卡或创建账户无任何限制。100% 解锁。无需信用卡。
  • Logo Aetna
  • Logo NASA
  • Logo GE
  • Logo Porsche
  • Logo USDA
  • Logo Qatar
Join Millions of Engineers who’ve tried Iron Suite
预约您的免费现场演示
Booking Badge

深受全球数百万工程师信赖

Iron Software 的客户徽标
获取您的无义务咨询
填写下面的表格或通过sales@ironsoftware.com
您的资料将始终保密。
深受全球数百万工程师信赖
Iron Software 的客户徽标
立即获取您的免费30 天试用密钥。
无需信用卡或创建账户
Node.js 模块下载用于 PDF
using npm 安装

版本: 2026.6

  1. 下载并安装 Node.js 12+。
  2. 在终端中执行上述命令。

$999 起