IronPDFでピクセルパーフェクトなHTMLフォーマットを実現する
PDF のセキュリティとコンプライアンスに年間契約料を払いすぎています。IronSecureDocをご検討ください。電子署名、再編集、暗号化、保護などの SaaS サービスを管理するソリューションを、すべて 1 回限りの支払いで提供します。今すぐお試しください。
PDFを完璧に見せるには、優れたHTMLテンプレートを開発するか、ウェブ開発者に依頼する必要があります。 このトラブルシューティング記事は、HTMLのデバッグに関する完全なチュートリアルからの抜粋です。
1. HTMLのデバッグとテスト
Chromeや類似のデスクトップブラウザでHTML、CSS、JSをデバッグすることができます。 それが完璧に機能することを確認したら、IronPDFに接続すると、Chromeでの見た目と全く同じように表示されます。
基本的な使い方
このコード例は、最新のChromeデスクトップブラウザにぴったりなPDFをレンダリングします。
// Create a new ChromePdfRenderer instance
ChromePdfRenderer renderer = new ChromePdfRenderer();
// Set the CSS media type to 'Print'
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;
// Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = true;' Create a new ChromePdfRenderer instance
Dim renderer As New ChromePdfRenderer()
' Set the CSS media type to 'Print'
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print
' Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = True高度なHTML開発
高度なChromeユーザーデベロッパーは、IronPDFのデフォルト設定を使用し、"Emulate CSS media > Screen"を有効にすることで、100%の精度を達成できます。 詳細はこちらをご参照ください。
// Create a new ChromePdfRenderer instance
ChromePdfRenderer renderer = new ChromePdfRenderer();
// Set the CSS media type to 'Screen' for better preview consistency
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen;
// Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = true;' Create a new ChromePdfRenderer instance
Dim renderer As New ChromePdfRenderer()
' Set the CSS media type to 'Screen' for better preview consistency
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen
' Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = True2. 結果を比較する
結果を比較するには、ChromeデスクトップウェブブラウザでHTMLを開きます。
注意: 任意のHTML文字列とアセットをスタンドアロンのHTMLファイルとしてエクスポートし、それらを手動で編集するか、ウェブデベロッパーに依頼してください。
3. 印刷プレビューウィンドウを開く (WindowsではCtrl+P)
Chromeの印刷ダイアログで用紙サイズを変更し、背景画像の印刷を有効にする必要があるかもしれません。
4. "PDFとして保存"オプションを選択する
ChromeでPDFへの印刷が完璧な場合、IronPDFもそれに一致します。
5. IronPDFを実行する
HTMLが完璧である今、それをIronPDFで実行すると、全く同じように表示されます。 顧客データをマージするには{PlaceHolders}を使用します。 IronPDF Examplesのコード例が大いに役立ちます！
このチュートリアルが問題の解決に役立たない場合は、エンジニアリングサポートに連絡していただければ、ドキュメントを適応・改善し、さらに支援します。
Curtis Chauは、カールトン大学でコンピュータサイエンスの学士号を取得し、Node.js、TypeScript、JavaScript、およびReactに精通したフロントエンド開発を専門としています。直感的で美しいユーザーインターフェースを作成することに情熱を持ち、Curtisは現代のフレームワークを用いた開発や、構造の良い視覚的に魅力的なマニュアルの作成を楽しんでいます。
