課程
/前端開發(fā)
/Html5
/Canvas玩轉(zhuǎn)圖像處理
圖片外圍一圈都沒有被處理
2018-08-08
源自:Canvas玩轉(zhuǎn)圖像處理 4-3
正在回答
改成下面這樣了,不知道還有沒有問題,歡迎交流~
var blurR = 50;
for(var i = 0; i < canvasA.height; i++){
????for(var j = 0; j < canvasA.width; j++ ){
????????var r = 0,g = 0,b = 0,totalNum = 0;
????????for(var m = -blurR; m <= blurR; m++){
????????????for(var n = -blurR; n <= blurR;n++){
????????????????var x = i + m;
????????????????var y = j + n;
????????????????if(x<0||y<0||x >= canvasA.height ||y >= canvasA.width)
????????????????continue;
????????????????totalNum++;
????????????????var p = x*canvasA.width+y;
????????????????r += tmpData[4*p+0];
????????????????g += tmpData[4*p+1];
????????????????b += tmpData[4*p+2];
????????????}
????????}
????????var p = i*canvasA.width+j;
????????tmpData[4*p+0] = r/totalNum;
????????tmpData[4*p+1] = g/totalNum;
????????tmpData[4*p+2] = b/totalNum;
????}
}
舉報(bào)
canvas系列第三課,學(xué)會(huì)編寫圖像算法,一起玩轉(zhuǎn)圖像處理吧
3 回答圖像形狀處理
1 回答像素計(jì)算問題
1 回答canvas跨域處理
3 回答canvas 圖片處理
1 回答for循環(huán)的遍歷與圖中每個(gè)像素點(diǎn)在一維數(shù)組中的下標(biāo)
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-08-08
改成下面這樣了,不知道還有沒有問題,歡迎交流~
var blurR = 50;
for(var i = 0; i < canvasA.height; i++){
????for(var j = 0; j < canvasA.width; j++ ){
????????var r = 0,g = 0,b = 0,totalNum = 0;
????????for(var m = -blurR; m <= blurR; m++){
????????????for(var n = -blurR; n <= blurR;n++){
????????????????var x = i + m;
????????????????var y = j + n;
????????????????if(x<0||y<0||x >= canvasA.height ||y >= canvasA.width)
????????????????continue;
????????????????totalNum++;
????????????????var p = x*canvasA.width+y;
????????????????r += tmpData[4*p+0];
????????????????g += tmpData[4*p+1];
????????????????b += tmpData[4*p+2];
????????????}
????????}
????????var p = i*canvasA.width+j;
????????tmpData[4*p+0] = r/totalNum;
????????tmpData[4*p+1] = g/totalNum;
????????tmpData[4*p+2] = b/totalNum;
????}
}