像素完美的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/ 將會非常有幫助!
如果本教程未能解決您的問題,請 聯絡工程支援,我們將調整和改進我們的文件來進一步幫助您。