PDF/UA 렌더링이 이미지를 회색으로 바뀌게 함

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

PDF를 PDF/UA 형식으로 변환할 때 ConvertToPdfUA() 또는 SaveAsPdfUA()을 사용하면, 출력물에 이미지, SVG, 그림자 및 상자 요소가 회색 음영으로 나타납니다.

Chromium에는 PDF/UA 모드에서 특정 요소가 잘못 합성되게 하는 페인트 순서 문제가 있습니다. 회색 외관은 PDF/UA 모드가 활성화될 때 브라우저가 계층화된 요소를 쌓고 페인트하는 방식으로 인해 발생하는 렌더링 아티팩트입니다.

해결책

HTML 요소에 -webkit-filter: blur(0)을 추가합니다. 이렇게 하면 Chromium이 새로운 합성 레이어를 생성하도록 강제하여 하드웨어 가속을 트리거하고 브라우저가 요소 쌓기 순서를 재평가하게 하여 회색 아티팩트를 제거합니다.

인라인:

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

CSS를 통해:

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

문제를 해결하는 가장 작은 요소에 필터를 적용하고 <html> 요소에는 적용하지 마십시오. 큰 범위에서 적용하면 저사양 기기에서 강제 하드웨어 가속으로 인해 성능이 약간 영향을 받을 수 있으며, 일부 레이아웃에서는 z-index 쌓기에 영향을 미칠 수 있습니다. 이 수정을 적용한 후 쌓임 순서가 변경되면 필요에 따라 z-index 값을 조정하십시오.

Curtis Chau
기술 문서 작성자

커티스 차우는 칼턴 대학교에서 컴퓨터 과학 학사 학위를 취득했으며, Node.js, TypeScript, JavaScript, React를 전문으로 하는 프론트엔드 개발자입니다. 직관적이고 미적으로 뛰어난 사용자 인터페이스를 만드는 데 열정을 가진 그는 최신 프레임워크를 활용하고, 잘 구성되고 시각적으로 매력적인 매뉴얼을 제작하는 것을 즐깁니다.

커티스는 개발 분야 외에도 사물 인터넷(IoT)에 깊은 관심을 가지고 있으며, 하드웨어와 소프트웨어를 통합하는 혁신적인 방법을 연구합니다. 여가 시간에는 게임을 즐기거나 디스코드 봇을 만들면서 기술에 대한 애정과 창의성을 결합합니다.

시작할 준비 되셨나요?
Nuget 다운로드 20,088,359 | 버전: 2026.7 방금 출시
Still Scrolling Icon

아직도 스크롤하고 계신가요?

빠른 증거를 원하시나요? PM > Install-Package IronPdf
샘플을 실행하세요 HTML이 PDF로 변환되는 것을 지켜보세요.