PDF/UA渲染将图像和框转换为灰色
Curtis Chau
Updated: 2026年6月10日
当使用SaveAsPdfUA()将PDF转换为PDF/UA格式时，图像、SVG、阴影和框元素在输出中显示为灰色阴影。
Chromium在PDF/UA模式下存在一个绘制顺序问题，导致某些元素错误地合成。 灰色外观是一种渲染现象，是由浏览器在PDF/UA模式活动时叠加和绘制分层元素时产生的。
解决方案
将-webkit-filter: blur(0)添加到HTML元素中。 这迫使Chromium创建一个新的合成层，触发硬件加速，并使浏览器重新评估元素的叠加顺序，消除灰色现象。
内联：
<html style="-webkit-filter: blur(0);">HTML
通过CSS：
html {
-webkit-filter: blur(0);
}CSS
将过滤器应用到最小的、能解决问题的元素上，而不是应用到<html>元素。 在大范围应用可能会因强制硬件加速而略微影响低端设备的性能，在某些布局中可能会影响z-index叠加顺序。 如果在应用此修复后叠放顺序发生变化，则根据需要调整z-index值。
Curtis Chau 拥有卡尔顿大学的计算机科学学士学位，专注于前端开发，精通 Node.js、TypeScript、JavaScript 和 React。他热衷于打造直观且美观的用户界面，喜欢使用现代框架并创建结构良好、视觉吸引力强的手册。
