PDF/UA Rendering macht Bilder und Boxen grau

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

Beim Konvertieren eines PDF in das PDF/UA-Format mit ConvertToPdfUA() oder SaveAsPdfUA() erscheinen Bilder, SVGs, Schatten und Box-Elemente mit grauer Schattierung im Ergebnis.

Chromium hat ein Malreihenfolge-Problem im PDF/UA-Modus, das dazu führt, dass bestimmte Elemente falsch zusammengesetzt werden. Das graue Erscheinungsbild ist ein Rendering-Artefakt, das entsteht, wie der Browser gestapelte und gemalte Ebenen behandelt, wenn der PDF/UA-Modus aktiv ist.

Lösung

Fügen Sie -webkit-filter: blur(0) zum HTML-Element hinzu. Dies zwingt Chrome, eine neue Kompositionsebene zu erstellen, was Hardwarebeschleunigung auslöst und den Browser dazu bringt, die Stapelreihenfolge der Elemente neu zu bewerten, wodurch das graue Artefakt eliminiert wird.

Inline:

<html style="-webkit-filter: blur(0);">
<html style="-webkit-filter: blur(0);">
HTML

Über CSS:

html {
    -webkit-filter: blur(0);
}

Wenden Sie den Filter auf das kleinste Element an, das das Problem löst, anstatt auf das <html> Element. Das Anwenden auf einen großen Bereich kann die Leistung auf Geräten mit niedriger Leistung durch erzwungene Hardwarebeschleunigung leicht beeinträchtigen, und in einigen Layouts kann es die Z-Index-Anordnung beeinflussen. Passen Sie die z-index Werte bei Bedarf an, wenn sich die Stapelreihenfolge nach Anwendung dieser Korrektur ändert.

Curtis Chau
Technischer Autor

Curtis Chau hat einen Bachelor-Abschluss in Informatik von der Carleton University und ist spezialisiert auf Frontend-Entwicklung mit Expertise in Node.js, TypeScript, JavaScript und React. Leidenschaftlich widmet er sich der Erstellung intuitiver und ästhetisch ansprechender Benutzerschnittstellen und arbeitet gerne mit modernen Frameworks sowie der Erstellung gut strukturierter, optisch ansprechender ...

Weiterlesen
Bereit anzufangen?
Nuget Downloads 20,088,359 | Version: 2026.7 gerade veröffentlicht
Still Scrolling Icon

Scrollst du immer noch?

Sie brauchen schnell einen Beweis? PM > Install-Package IronPdf
Führen Sie eine Probe aus Sehen Sie zu, wie Ihr HTML-Code in eine PDF-Datei umgewandelt wird.