代码之家 › 专栏 › 技术社区 › blub

Chrome pdf字体大小与Docker(Linux)中本地Chrome和Chrome的差异

puppeteer chromium pdf-generation docker google-chrome

blub · 技术社区 · 6 年前

我正在用Chrome的puppeteer在web服务器上生成pdf。

问题是: 我的本地Chrome(Mac)和docker容器中运行的Chrome(Linux)的字体大小略有不同(2-5个像素,具体取决于字体大小)。其他css属性或print@page页边距似乎没有受到影响,只有docker容器中的字体更大。字体也被正确嵌入。

我正在创建的pdf必须是像素完美的(空间非常有限),所以这会引发分页。。。除了我已经试过的以外,还有其他的想法吗?

1 回复 | 直到 6 年前

blub 6 年前

这只是解决垂直尺寸差异的一半解决方案:

设置数字线高度(例如。 line-height: 1 )在身体里( normal

这将有助于保持本地Chrome和docker Chrome中单线元素的垂直高度相同。但是如果文本在多行上流动,docker Chromium中较大的字体大小会导致文本占用更多的行。我糟糕的解决方法:将字体大小缩小一点:(

推荐文章

ssp singh · 使用Puppeter为URL列表截图。js公司

6 年前

Arel · 使用Puppeter拍摄运行WebGL的页面截图

6 年前

Atav32 · 如何设置Jest测试运行Puppeter的最大超时?

6 年前

Jon Wilson · 多个选择器上的木偶等待选择器

6 年前

Steren · 禁用无头镀铬中的闪烁光标(使用Puppeter)

6 年前

Ryoji Ishii · 如何模糊木偶戏中的输入元素?

6 年前

Nicholas DiPiazza · 有没有办法让Puppeter的waitUntil“networkidle”只考虑XHR(ajax)请求?

6 年前

Nicholas DiPiazza · 你如何包装一个木偶演员应用程序?

6 年前

Vega · 如何从DOM获取所有链接?

6 年前

AnnaCICI · 按子项获取项目ID(vanilla JS)

6 年前