在HTML5 canvas里用卷積核進(jìn)行圖像處理

elina 發(fā)布于2019-08-26 11:52 / 2977人閱讀

摘要：卷積什么是卷積就跳過一些用專業(yè)屬于描述專業(yè)術(shù)語看完懵逼的解釋了，語文成績(jī)很差的我嘗試從字面解釋什么是卷積卷，理解成一種壓縮積，乘積，積累卷積需要一個(gè)卷積核，通常是或的方陣，例如這樣一個(gè)卷積核我們要怎么用卷積核處理數(shù)據(jù)呢下面是一個(gè)例子下面是一

卷積 什么是卷積？

就跳過一些用專業(yè)屬于描述專業(yè)術(shù)語看完懵逼的解釋了，
語文成績(jī)很差的我嘗試從字面解釋什么是卷積...
卷，理解成一種壓縮；積，乘積，積累；
卷積需要一個(gè)卷積核，通常是3x3或5x5的方陣，
例如這樣

// 一個(gè)3x3卷積核
0 0 0
0 1 0
0 0 0

我們要怎么用卷積核處理數(shù)據(jù)呢？
下面是一個(gè)例子：

// 下面是一堆排成方陣的數(shù)據(jù)
// 這是我們的數(shù)據(jù)源
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

我們將要用卷積核“掃描并處理”每一個(gè)數(shù)據(jù)，
例如要處理第二行第二列的5

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

我們把5周圍的數(shù)字抽出來，然后把兩個(gè)方陣位置相同的數(shù)字相乘然后相加，
得出5，這是當(dāng)然的，因?yàn)檫@個(gè)卷積核做的就是輸出原數(shù)據(jù)

云服務(wù)器 GPU云服務(wù)器可以在游戲里用的語音包 HTML5 Canvas 卷積神經(jīng)網(wǎng)絡(luò)圖像識(shí)別 html5的canvas

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/107712.html

相關(guān)文章

canvas的圖片處理

摘要：對(duì)像素點(diǎn)實(shí)現(xiàn)基本的處理操作獲取像素點(diǎn)數(shù)據(jù)獲取中的像素信息，開始復(fù)制的左上角位置的坐標(biāo)。灰度處理像素取反減去對(duì)應(yīng)的值，再賦值給原來的亮度調(diào)節(jié)原來的值隨機(jī)的加減一個(gè)相同的隨機(jī)數(shù)。 canvas對(duì)像素點(diǎn)實(shí)現(xiàn)基本的處理操作 // 獲取像素點(diǎn)數(shù)據(jù) var canvas = document.getElementById(CanvasElt); var ctx = canvas.get...

morgan 2019-08-02 15:59 評(píng)論0 收藏0
canvas的圖片處理

摘要：對(duì)像素點(diǎn)實(shí)現(xiàn)基本的處理操作獲取像素點(diǎn)數(shù)據(jù)獲取中的像素信息，開始復(fù)制的左上角位置的坐標(biāo)。灰度處理像素取反減去對(duì)應(yīng)的值，再賦值給原來的亮度調(diào)節(jié)原來的值隨機(jī)的加減一個(gè)相同的隨機(jī)數(shù)。 canvas對(duì)像素點(diǎn)實(shí)現(xiàn)基本的處理操作 // 獲取像素點(diǎn)數(shù)據(jù) var canvas = document.getElementById(CanvasElt); var ctx = canvas.get...

pingan8787 2019-08-29 14:00 評(píng)論0 收藏0
canvas的圖片處理

摘要：對(duì)像素點(diǎn)實(shí)現(xiàn)基本的處理操作獲取像素點(diǎn)數(shù)據(jù)獲取中的像素信息，開始復(fù)制的左上角位置的坐標(biāo)。灰度處理像素取反減去對(duì)應(yīng)的值，再賦值給原來的亮度調(diào)節(jié)原來的值隨機(jī)的加減一個(gè)相同的隨機(jī)數(shù)。 canvas對(duì)像素點(diǎn)實(shí)現(xiàn)基本的處理操作 // 獲取像素點(diǎn)數(shù)據(jù) var canvas = document.getElementById(CanvasElt); var ctx = canvas.get...

Steve_Wang_ 2019-08-21 17:58 評(píng)論0 收藏0
一文了解各種卷積結(jié)構(gòu)原理及優(yōu)劣

摘要：在上通過這篇文章快速地介紹了不同類型的卷積結(jié)構(gòu)及優(yōu)勢(shì)。為了簡(jiǎn)單起見，本文僅探討二維卷積結(jié)構(gòu)。轉(zhuǎn)置卷積轉(zhuǎn)置卷積又名反卷積或是分?jǐn)?shù)步長(zhǎng)卷積。反卷積這種叫法是不合適的，因?yàn)樗环戏淳矸e的概念。實(shí)際上，反卷積是卷積操作的逆過程。卷積神經(jīng)網(wǎng)絡(luò)作為深度學(xué)習(xí)的典型網(wǎng)絡(luò)，在圖像處理和計(jì)算機(jī)視覺等多個(gè)領(lǐng)域都取得了很好的效果。Paul-Louis Pr?ve在Medium上通過這篇文章快速地介紹了不同類型的...

Bmob 2019-04-25 18:16 評(píng)論0 收藏0
卷積神經(jīng)網(wǎng)絡(luò)中十大拍案叫絕的操作！

摘要：分組卷積的思想影響比較深遠(yuǎn)，當(dāng)前一些輕量級(jí)的網(wǎng)絡(luò)，都用到了分組卷積的操作，以節(jié)省計(jì)算量。得到新的通道之后，這時(shí)再對(duì)這批新的通道進(jìn)行標(biāo)準(zhǔn)的跨通道卷積操作。 CNN從2012年的AlexNet發(fā)展至今，科學(xué)家們發(fā)明出各種各樣的CNN模型，一個(gè)比一個(gè)深，一個(gè)比一個(gè)準(zhǔn)確，一個(gè)比一個(gè)輕量。作者對(duì)近幾年一些具有變革性的工作進(jìn)行簡(jiǎn)單盤點(diǎn)，從這些充滿革新性的工作中探討日后的CNN變革方向。本文只介紹其中具有...

xavier 2019-04-25 18:18 評(píng)論0 收藏0