課程
/前端開發
/Html5
/Canvas玩轉圖像處理
圖片外圍一圈都沒有被處理
2018-08-08
源自:Canvas玩轉圖像處理 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;
????}
}
舉報
canvas系列第三課,學會編寫圖像算法,一起玩轉圖像處理吧
3 回答圖像形狀處理
1 回答像素計算問題
1 回答canvas跨域處理
3 回答canvas 圖片處理
3 回答放大鏡的理解?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
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;
????}
}