问如何在客户端绘制高分辨率图像？

EN

首先，这不是“高分辨率”，而是“高范围”。分辨率大约是宽度和高度。而不是每种颜色的点位。

您基本上是在寻找从高动态范围到小动态范围(称为声调映射 )的转换。问题是，它总是松散的转换，可能对您的情况没有用处。

另一个简单的选项是让用户选择他们想要显示的原始范围。甚至选择颜色在特定的原始值和混合在这些。通过这种方式，用户可以选择显示整个范围，同时在较小的范围内放松细节，然后“放大”到他们最感兴趣的范围。

在浏览器之外进行计算是有原因的。如果浏览器上不可行，请尝试在云机器上进行计算，并通过HTTP发送结果。

浏览器端可以以较低的空间分辨率执行计算，而不是降低数值精度.

此外，您还可以给用户选择动态范围压缩(一个单调的振幅映射函数)，这降低了数值精度，但仍然提取一个范围是有用的，根据用户的分析需要。

绘制成图像格式，而不是画布，然后呈现图像。

Png支持32位和64位颜色，您可以将base64编码的数据字符串输出到浏览器，以避免保存为文件。

http://www.xarg.org/2010/03/generate-client-side-png-files-using-javascript/