IronPdf.UpdatedChromeのレンダリング修正

This article was translated from English: Does it need improvement?
Translated
View the article in English

一部のHTMLおよびCSSの機能は、標準IronPdf.UpdatedChromeパッケージは、これらのケースのいくつかを設計によって修正する新しいエンジンを搭載しています。

標準109バージョンのCEFエンジンをバンドルしています。 131をバンドルしており、Chromeブラウザの印刷プレビューより信頼性の高いピクセルパーフェクトな出力を提供します。 出力が最新のCSSでのみ正しくないように見える場合、エンジンバージョンが原因である可能性があります。

解決策

依存関係をIronPdf.UpdatedChromeに切り替えて再レンダリングしてください。 以下のケースは、新しいエンジンによってコードの変更なしに解決されます。

1. CSS overflow: hidden

標準パッケージでルールが守られないところで、更新されたエンジンではoverflow: hiddenによってクリップされたコンテンツが期待どおりにレンダリングされます。

標準IronPdfでは overflow:hidden が尊重されず、コンテンツがページの端を超えて出血する

IronPdf.UpdatedChromeでは overflow:hidden が正しくクリップされる

2. カスタム行間隔と用紙サイズ

カスタムIronPdf.UpdatedChromeでテキストを正しく配置します。 テキスト位置が意図されたデザインに合うように調整されます。

標準IronPdfでは、カスタム行間隔でページ区切りでテキストがクリップされる

IronPdf.UpdatedChrome ではテキストがクリッピングされずに正しく配置される

3. Grid Layout with subgrid

<div style="display: grid; grid-template-columns: 1fr 1fr 1fr">
<div style="display:grid; grid-template-columns: subgrid; grid-column: 1/4">
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr">
<div style="display:grid; grid-template-columns: subgrid; grid-column: 1/4">
HTML

更新されたエンジンは、内部グリッドを期待どおりにsubgridに解決します。 標準パッケージの古いエンジンは、このレイアウトを正しくサポートしません。

標準IronPdfでは、サブグリッドレイアウトが壊れ、スコアボックスが垂直にスタックされる

IronPdf.UpdatedChrome では、サブグリッドレイアウトが整列されたカラムで正しくレンダリングされる

ご注意IronPdf.UpdatedChromeは CEF 131 を使用します。CEF 109 を必要とする古いWindowsサーバーをターゲットにする必要がある場合のみ標準IronPdfパッケージに留まります。

Curtis Chau
テクニカルライター

Curtis Chauは、カールトン大学でコンピュータサイエンスの学士号を取得し、Node.js、TypeScript、JavaScript、およびReactに精通したフロントエンド開発を専門としています。直感的で美しいユーザーインターフェースを作成することに情熱を持ち、Curtisは現代のフレームワークを用いた開発や、構造の良い視覚的に魅力的なマニュアルの作成を楽しんでいます。

開発以外にも、CurtisはIoT(Internet of Things)への強い関心を持ち、ハードウェアとソフトウェアの統合方法を模索しています。余暇には、ゲームをしたりDiscordボットを作成したりして、技術に対する愛情と創造性を組み合わせています。

準備はできましたか?
Nuget ダウンロード 20,296,129 | バージョン: 2026.7 リリースされたばかり
Still Scrolling Icon

まだスクロールしていますか?

すぐに証拠が欲しいですか? PM > Install-Package IronPdf
サンプルを実行するHTML が PDF に変換されるのを確認します。