在javascript中模糊2d颜色数组

Question

我在javascript中有一个1060 * 629网格。我使用svg创建一个热图，这段代码帮助我为网格的每个单元格分配颜色（命中是一个数组，存储每个单元格的命中数）：

var max = d3.max(hit, function(array) {
 return d3.max(array);
});
inner_scale = d3.scale.linear() 
.domain([0, max]).range([0, 1]); 
outer_scale = d3.scale.linear() 
.domain([0, 0.5, 1]) 
.interpolate(d3.interpolateRgb) 
.range(["white", "steelblue", "black"]); 

使用svg-rectangle绘制每个单元格后，我想平滑热图并淡化邻居之间的粗糙边缘。有什么想法吗？