將畫布另存爲PNG以供打印

Question

我知道我可以使用現代瀏覽器輕鬆地將畫布保存爲PNG文件。因爲它是瀏覽器將畫布圖形保存爲PNG，JPEG或BMP的標準方式，所以我認爲它應該工作得很好。我想知道如何保存一些畫布圖形以便以後打印它？我的意思是如果我使用標準方法，我會得到與源文件大小相同的圖像，以及低分辨率72 dpi或類似的圖像。我應該使畫布變大，然後保存一個大圖像，然後將其轉換爲300dpi打印？有沒有人試圖用它來打印？我知道我可以使用一些PDF生成器庫，但想先嚐試標準方法。

Answer 1

是的，使畫布變大並保存一個大的圖像。

HTML5畫布沒有DPI感 - 畫布上的一個像素等於屏幕上的一個像素。打印質量取決於您打印的內容（別名與反鋸齒圖形）以及打印機類型（噴墨，激光）。

如果你想要精確到300 DPI，請使用類似screen ruler的東西，然後測量顯示器的DPI（比如說72 DPI），然後除以300（等於4.1），並將畫布放大很多倍。

另外，你可以考慮使用SVG和繪製矢量圖形。那麼你會有無限的DPI。 （想想Adobe Illustrator vs. Photoshop。）