白肚子狗熊半本书
2016-11-03 17:34
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);
}
Canvas玩转图像处理
60311 学习 · 124 问题
相似问题