JavaScript實作影像模糊化的方法實例

前言

眾所周知一幅完整的圖像，是由紅色、綠色、藍色三個通道組成的。紅色、綠色、藍色三個通道的縮覽圖都是以灰階顯示的。用不同的灰階色階來表示" 紅，綠，藍"在影像中的比重。通道中的純白，代表了此色光在此處為最高亮度，亮度等級為255。

模糊化方法：

就是將一個像素點的R（G，B）和它周圍像素點的R（G，B）取出,然後取平均值再賦給這個像素點的R（G， B）;這樣就完成模糊了；

例：

       1        2     5        6

       7        8        個像素點（1,2,3,4,6,7,8,9）的R(G,B)取出,取這9個點的平均值然後賦給5像素點

       R(5) = (R1+R2+R3+R4+R5+R6+R7+R8+R9)/9;

       G(5) = (G1+G2+G3+G4+G5+G6+G7+G8+G9) /9;

       B(5) = (B1+B2+B3+B4+B5+B6+B7+B8+B9)/9;

非常例子：

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或工作能帶來一定的幫助，如果有疑問大家可以留言交流。

更多JavaScript實現圖像模糊化的方法實例相關文章請關注PHP中文網！