颜色的处理方式已经告诉你了啊。拿到数据之后先遍历一遍得到 Max 和 Min 然后再遍历处理生成图像。canvas 有 fillstyle 和 fillRect 方法可以用来绘制一个 自定义填充颜色的矩形，比如这样：

var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
ctx.fillstyle="rgb(233,0,0)";
ctx.fillRect(2 * 10, 3 * 10, 10, 10);