将原始像素数据保存到BLOB /文件

时间:2018-12-12 03:00:59

标签: javascript arrays html5 blob pixel

我正在尝试使用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无效/损坏。

1 个答案:

答案 0 :(得分:0)

https://github.com/vigata/petitoJPEG是答案。这是一个完美的客户端JPG编码器。 :)