html - 如何获得任意大小的 html 文档的高质量可移植渲染？

Question

我正在尝试使用 HTML 设计一张海报，目前 CSS 允许我获得一个巨大的 Canvas (90cmx200cm)，但我无法获得要发送以供打印的文档。

Chromium 不允许使用自定义纸张大小，而 Firefox 允许我使用所需的大小(在非标准英寸上)，但无法渲染高质量的 PDF(即使是 20 像素的文本在浏览无缩放时看起来也不错)。

我在想我应该能够与渲染器进行较低级别的交互来完成这项工作。只要足够便携，输出格式无关紧要。

有什么办法可以实现吗？

Answer 1

有几件事你需要知道。首先，打印质量与每英寸点数有关。世界上最好的软件和打印机无法制作 100 x 100 像素的照片打印质量。

http://www.vsellis.com/understanding-dpi-resolution-and-print-vs-web-images/

网页上的图像是光栅化图像，通常分辨率很低(JPEG 和 PNG 等压缩格式以减少带宽使用)。您可以尝试使用高分辨率图像并使用 CSS 缩放它们(不过我不知道这将如何打印)。

确保您所有的文字都是文字(不要使用图片)。

要提高质量，请确保图像具有高分辨率。如果可能，您可以探索使用 SVG，这是一种用于图表和线条图的无损格式。我相信如果您打印成 PDF，应该保留它。还有第三方库可以将 SVG 转换为 PDF。