高斯模糊

高斯模糊原理：

“模糊”，可以理解成每一个像素都取周边像素的平均值。

1   1   1     左边矩阵中，2是中间点，周边点都是1。"中间点"取"周围点"的平均值，就会变成1。  
1   2   1     在数值上，这是一种"平滑化"。在图形上，就相当于产生"模糊"效果，"中间点"失去细节。  
1   1   1     显然，计算平均值时，取值范围越大，"模糊效果"越强烈。  

如果使用简单平均，显然不是很合理，因为图像都是连续的，越靠近的点关系越密切，越远离的点关系越疏远。因此，加权平均更合理，距离越近的点权重越大，距离越远的点权重越小。

正态分布(高斯分布)的权重

二维高斯函数

e:当n→∞时,(1+1/n)^n的极限,自然对数的底数,是一个无限不循环小数,其值是2.71828…

下面是一个二维高斯函数3d模型（使用playcanvas引擎，建立的曲面）：

可见中间权重大，越到外面，约等于0;

var loadImage=function(url,callback){
    if(callback===undefined){
        callback=function(){};
    }
      var img = new Image(); //????????????Image????????????????????????????????
  img.src = url;
  if (img.complete) { // ??????????????????????????????????????????????????????????????????
        callback(img);
        return;
  }
  img.onload = function () { //????????????????????????????????callback?????????
       callback(img);
  };
   return img;
 }

var img=loadImage(‘/source/images/bg1.jpg’)