像素完美的HTML格式化
要让您的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;
高级HTML开发
高级 Chrome 用户开发者可以通过使用 IronPDF 的默认设置并启用“模拟 CSS 媒体 > 屏幕”,达到 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;
2. 比较结果
要比较结果,请在Chrome桌面网页浏览器中打开您的HTML。
注意:将任何HTML字符串和资产导出到独立的HTML文件中并手动编辑,或者请求网页开发者帮助。
3. 打开打印预览窗口(Windows系统中按Ctrl+P)
您可能需要在 Chrome 打印对话框中更改纸张大小并启用打印背景图像。
4. 选择“另存为 PDF”选项
一旦在Chrome中打印到PDF完美无缺,IronPDF将会匹配它。
5. 运行 IronPDF
现在HTML已完美无疵,用IronPDF运行它,显示效果将会一模一样。 使用{占位符}合并客户数据。 代码示例位于
https://ironpdf.com/examples/using-html-to-create-a-pdf/ 真的很有帮助!
如果本教程未能帮助您解决问题,请联系工程支持我们将调整和改进我们的文档,为您提供更多帮助。