HTML渲染设置

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

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

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

解释:

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

    • 默认主体样式:设置适用于所有媒体的字体系列和边距。
    • 屏幕媒体查询:为数字屏幕应用浅灰色背景和深色文本。
    • 打印媒体查询:应用白色背景和黑色文本,典型于打印。
  • 示例使用:提供的 HTML 和 CSS 结构帮助展示根据内容是查看于屏幕上还是打印时如何运用不同的样式。

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

准备开始了吗?
版本: 2025.11 刚刚发布