将画布另存为PNG以进行打印

时间:2011-11-11 11:09:29

标签: html5 canvas

我知道我可以使用现代浏览器轻松地将画布保存到PNG文件。因为它是浏览器将画布图形保存为PNG,JPEG或BMP的标准方式,所以我认为它应该非常好用。我想知道如何保存一些画布图形以便以后打印出来?我的意思是如果我使用标准方法,我将获得与源画布大小相同的图像,并使用低分辨率72 dpi或类似的东西。我应该将画布放大,然后保存一个大图像,然后将其转换为300dpi进行打印?你有没有人试图用它来打印?我知道我可以使用一些pdf生成器库但是想先尝试标准方法。

1 个答案:

答案 0 :(得分:4)

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

HTML5画布没有DPI感 - 画布上的一个像素等于屏幕上的一个像素。打印质量取决于您打印的内容(别名与抗锯齿图形)和打印机类型(喷墨,激光)。

如果您想要300 DPI,请使用类似screen ruler的内容并测量显示器的DPI(例如,72 DPI),除以300(相当于4.1)并制作许多画布倍大。

或者你可以考虑使用SVG并使用矢量绘制图形。然后你就会有效地拥有无限的DPI。 (想想Adobe Illustrator与Photoshop。)