将画布另存为 PNG 以供打印答案

【问题标题】：Save Canvas as PNG for print将画布另存为 PNG 以供打印
【发布时间】：2011-11-11 11:09:29
【问题描述】：

我知道我可以使用现代浏览器轻松地将画布保存为 PNG 文件。由于这是浏览器将画布图形保存为 PNG、JPEG 或 BMP 的标准方式，我想它应该工作得很好。我想知道如何保存一些画布图形以便以后打印？我的意思是，如果我使用标准方法，我将获得与源画布大小相同且具有低分辨率 72 dpi 或类似的图像。我是否应该将画布放大，然后保存大图像，然后将其转换为 300dpi 进行打印？你们有人尝试用它来打印吗？我知道我可以使用一些 pdf 生成器库，但想先尝试标准方法。

【问题讨论】：

标签： html canvas

【解决方案1】：

是的，将画布放大并保存大图像。

HTML5 画布没有 DPI 意义——画布上的一个像素等于屏幕上的一个像素。打印质量取决于您要打印的内容（锯齿与抗锯齿图形）和打印机类型（喷墨、激光）。

如果您想要 300 DPI，请使用 screen ruler 之类的东西并测量显示器的 DPI（例如 72 DPI），然后除以 300（等于 4.1），然后使画布大很多倍.

或者，您可以考虑使用 SVG 并使用矢量绘制图形。然后你将有效地拥有无限的 DPI。（想想 Adobe Illustrator 与 Photoshop。）

【讨论】：