PDF/UA Rendering macht Bilder und Boxen grau
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);">Ü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 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 Handbücher.
