用HTML5 可以实现二维码扫描识别的功能吗

html-css021

用HTML5 可以实现二维码扫描识别的功能吗,第1张

可以。

实现基本步骤:

操作摄像头,获取图片。

技术要点:MediaStream、GetUserMedia、File api。

利用canvas使用相关算法分析图片识别图片得出结果。

技术要点:getImageData

* 涉及到的技术点浏览器们(包括移动端)支持各异,现阶段要开发并投产还不太现实

* 识别算法是一个难点,不过谢谢github,谢谢开源社区,@Shou Jiesong 的答案中有phonegap的插件地址,支持各种码。

扫描二维码的话,取决于手机摄像头。

Html5文件的话,你需要将制作好的二维码图片放在Html5内容里面。

将建好的网址加在微信公众号,或者是QQ公众的导航上面,或者是网站里面。

当点击进入页面之后,会看到二维码图片。

用手机按压图片,APP会提示扫描图片中的二维码?

点击确定扫描二维码即可。

注释:图片尽量做成像下图一样的,增强二维码的趣味性,吸引其他人扫描。