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);
}
Text
将过滤器应用到最小的、能解决问题的元素上,而不是应用到<html>元素。 在大范围应用可能会因强制硬件加速而略微影响低端设备的性能,在某些布局中可能会影响z-index叠加顺序。 如果在应用此修复后叠放顺序发生变化,则根据需要调整z-index值。

技术作家
Curtis Chau 拥有卡尔顿大学的计算机科学学士学位,专注于前端开发,精通 Node.js、TypeScript、JavaScript 和 React。他热衷于打造直观且美观的用户界面,喜欢使用现代框架并创建结构良好、视觉吸引力强的手册。
...
阅读更多