HTML 5中的canvas元素是相當強大的，利用他的 getImageData 方法可以對載入的圖像直接進行位圖操作。但是直接對位圖進行操作比較麻煩，如果利用卷積矩陣這個工具的話，可以通過幾個簡單的參數實現復雜的效果。

所謂的矩陣的卷積，就是如下圖顯示的那樣，當計算紅色框中的數值的時候，分別先提取周圍綠框中8個數字，然后與施加的那個矩陣中對應位置相乘，然后把各個乘積加在一起，就得到了最終的值了。

比如上圖中的42是這么來的:

(40*0)+(42*1)+(46*0)

+ (46*0)+(50*0)+(55*0)

+ (52*0)+(56*0)+(58*0)

= 42

這就是卷積了。然后，所謂的對圖像的卷積操作，就是指對圖像上的每一點的像素值，用這個矩陣進行運算，得到一個新的值。

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。