H5+canvas卷積核影像處理步驟詳解

這次帶給大家H5 canvas卷積核影像處理步驟詳解，H5 canvas卷積核影像處理的注意事項有哪些，以下是實戰案例，一起來看一下。

什麼是卷積？

就跳過一些用專業屬於描述專業術語看完懵逼的解釋了，

語言成績很差的我嘗試從字面解釋什麼是卷積...

卷，理解成一種壓縮；積，乘積，累積；

卷積需要一個卷積核，通常是3x3或5x5的方陣，

例如這樣

// 一個3x3卷積核
0 0 0
0 1 0
0 0 0

我們要怎麼用卷積核處理資料呢？

下面是一個例子：

// 下面是一堆排成方陣的資料
// 這是我們的資料來源
1 3 5 1 3 5 1 3 5
4 5 6 1 3 5 1 3 5
4 5 6 1 3 5 1 3 5
4 5 6 1 3 5 1 3 5

我們將要用卷積核「掃描並處理」每一個數據，

例如要處理第二行第二列的5

1 3 5 0 0 0
4 5 6 * 0 1 0
4 5 6    0 0 0

##我們把

5周圍的數字抽出來，然後把兩個方陣位置相同的數字相乘然後相加，

得出

5，這是當然的，因為這個卷積核做的就是輸出原始資料

以上是H5+canvas卷積核影像處理步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！