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

Updated: 2026년 6월 10일

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 {
    -webkit-filter: blur(0);
}

Text

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

Curtis Chau

지금 바로 엔지니어링 팀과 채팅하세요

기술 문서 작성자

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

...

더 읽어보기