IronPDF 中的完美像素 HTML 格式化

2022年一月19日

更新 2024年十月20日

Translated

View the article in English

您的企业在 PDF 安全和合规的年度订阅上花费过多。考虑使用IronSecureDoc，它提供管理数字签名、涂黑、加密和保护等 SaaS 服务的解决方案，仅需一次性付款。立即试用

要让您的PDF看起来完美，您需要开发出色的HTML模板或与网页开发人员合作来完成这项工作。此故障排除文章取自调试HTML的完整教程。

1. 调试和测试您的HTML

您可以在 Chrome 或类似的桌面浏览器中调试您的 HTML、CSS 和 JS。然后，当您确认它运行完美无误后 - 将其连接到IronPDF，它将看起来与在Chrome中的显示完全相同。

基本用法

此代码示例将渲染出与最新版Chrome桌面浏览器像素完美匹配的PDF文件。

ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

Dim renderer As New ChromePdfRenderer()
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print
renderer.RenderingOptions.PrintHtmlBackgrounds = True

$vbLabelText $csharpLabel

高级HTML开发

高级 Chrome 用户开发人员可以通过使用 IronPDF 的默认设置并启用“Emulate CSS media > Screen”来实现 100% 的精确度 https://developer.chrome.com/docs/devtools/css/print-preview/

ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen;
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen;
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

Dim renderer As New ChromePdfRenderer()
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen
renderer.RenderingOptions.PrintHtmlBackgrounds = True

$vbLabelText $csharpLabel