我正在尝试使用HTML5画布制作自定义的Web 2打印应用程序。 我从研究中了解到,无论画布使用什么toDataURL都无法输出高分辨率文件(仅72-96dpi),所以我想做的就是从300px x 300px的画布中获取原始像素数据。
因为目标DPI是300,所以想法是有一个1英寸乘1英寸的正方形。稍后,我将继续针对不同的印刷材料修改画布大小(以像素为单位)。
我正在使用getImageData
,并试图将这些数据传递到Blob中,然后可以将其保存为文件。
Here is what I have so far using JSFiddle
如果可以的话,请指出我所缺少的,我将不胜感激。出于某些原因,正在生成的Blob无效/损坏。