W renderingu PDF/UA obrazy i boksy stają się szare

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

Podczas konwersji PDF do formatu PDF/UA za pomocą ConvertToPdfUA() lub SaveAsPdfUA(), obrazy, SVGs, cienie i elementy pudełka pojawiają się z szarym odcieniem w wyniku.

Chromium ma problem z kolejnością malowania w trybie PDF/UA, co powoduje nieprawidłowe komponowanie pewnych elementów. Szary wygląd jest artefaktem renderowania spowodowanym tym, jak przeglądarka układa i maluje warstwowe elementy, gdy tryb PDF/UA jest aktywny.

Rozwiązanie

Dodaj -webkit-filter: blur(0) do elementu HTML. To zmusza Chromium do stworzenia nowej warstwy kompozycji, co uruchamia przyspieszenie sprzętowe i powoduje ponowną ocenę kolejności układania elementów w przeglądarce, eliminując szary artefakt.

Wbudowany:

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

Poprzez CSS:

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

Zastosuj filtr do najmniejszego elementu, który rozwiązuje problem, zamiast do elementu <html>. Zastosowanie tego na dużą skalę może nieznacznie wpłynąć na wydajność na urządzeniach o niższej wydajności z powodu wymuszonego przyspieszenia sprzętowego, a w niektórych układach może wpłynąć na kolejność z-index. Dostosuj wartości z-index w razie potrzeby, jeśli kolejność warstw zmienia się po zastosowaniu tej poprawki.

Curtis Chau
Autor tekstów technicznych

Curtis Chau posiada tytuł licencjata z informatyki (Uniwersytet Carleton) i specjalizuje się w front-endowym rozwoju, z ekspertką w Node.js, TypeScript, JavaScript i React. Pasjonuje się tworzeniem intuicyjnych i estetycznie przyjemnych interfejsów użytkownika, Curtis cieszy się pracą z nowoczesnymi frameworkami i tworzeniem dobrze zorganizowanych, atrakcyjnych wizualnie podrę...

Czytaj więcej
Gotowy, aby rozpocząć?
Nuget Pliki do pobrania 20,088,359 | Wersja: 2026.7 właśnie wydany
Still Scrolling Icon

Wciąż przewijasz?

Czy chcesz szybko dowodu? PM > Install-Package IronPdf
Uruchom przykład i zobacz, jak Twój kod HTML zamienia się w plik PDF.