用HTML5 可以實現(xiàn)二維碼掃描識別的功能嗎

可以。

實現(xiàn)基本步驟：

操作攝像頭，獲取圖片。

技術(shù)要點：MediaStream、GetUserMedia、File api。

利用canvas使用相關(guān)算法分析圖片識別圖片得出結(jié)果。

技術(shù)要點：getImageData

* 涉及到的技術(shù)點瀏覽器們（包括移動端）支持各異，現(xiàn)階段要開發(fā)并投產(chǎn)還不太現(xiàn)實

* 識別算法是一個難點，不過謝謝github，謝謝開源社區(qū)，@Shou Jiesong 的答案中有phonegap的插件地址，支持各種碼。

html5怎么做掃描二維碼的功能

1.解決的問題：

1.能夠在微博客戶端呼起攝像頭掃描二維碼并且解析;

2.能夠在原生瀏覽器和微信客戶端中掃描二維碼并且解析;

2.優(yōu)點：

web端或者是 h5端可以直接完成掃碼的工作；

3.缺點：

圖片不清晰很容易解析失敗(拍照掃描圖片需要鏡頭離二維碼的距離很近)，相對于 native 呼起的攝像頭解析會有1-2秒的延時。

說明：

此插件需要配合zepto.js 或者 jQuery.js使用

使用方法：

1.在需要使用的頁面按照下面順序引入lib目錄下的 js 文件

復(fù)制代碼

代碼如下:

script src="lib/zepto.js"/script

script src="lib/qrcode.lib.min.js"/script

script src="lib/qrcode.js"/script

html5怎么掃描二維碼

掃描二維碼的話，取決于手機攝像頭。

Html5文件的話，你需要將制作好的二維碼圖片放在Html5內(nèi)容里面。

將建好的網(wǎng)址加在微信公眾號，或者是QQ公眾的導(dǎo)航上面，或者是網(wǎng)站里面。

當(dāng)點擊進(jìn)入頁面之后，會看到二維碼圖片。

用手機按壓圖片，APP會提示掃描圖片中的二維碼？

點擊確定掃描二維碼即可。

注釋：圖片盡量做成像下圖一樣的，增強二維碼的趣味性，吸引其他人掃描。