一些边缘像素遍历不了，总是不会模糊怎么么办，总是一边有一条和原图一样的

function five(){

var imageData=ctx1.getImageData(0,0,canvas1.width,canvas1.height);

var pixdata=imageData.data;

var R=1;

var num=(2*R+1)*(2*R+1)

//先遍历出每个像素

for(var i=R;i<canvas2.width-R;i++){

for(var j=R;j<canvas2.height-R;j++){

var totalr=0;

var totalg=0;

var totalb=0;

//在遍历出每一个像素周围的九个像素，让后对着九个像素的r,g,b三个值分别求和在除9得到的值赋给这个像素。

for(var dx=-R;dx<=R;dx++){

for(var dy=-R;dy<=R;dy++){

var x=i+dx;

var y=j+dy;

var p=x*canvas2.width+y;

totalr+=pixdata[p*4+0];

totalg+=pixdata[p*4+1];

totalb+=pixdata[p*4+2];

}

var t=i*canvas2.width+j;

pixdata[t*4+0]=totalr/num;

pixdata[t*4+1]=totalg/num;

pixdata[t*4+2]=totalb/num;

}

}

}

ctx2.putImageData(imageData,0,0,0,0,canvas2.width,canvas2.height);

}