qrcode生成的二维码长按不识别问题

一,原因

通过qrcode生成的二维码,在页面中是以convas显示。微信中长按2秒识别二维码是通过img标签识别的。

如图,红色是qrcode生成的标签,绿色是转换后的标签。

qrcode生成的二维码长按不识别问题_第1张图片

二,解决方法

定义两个div,将qrcode.js自动生成的convas标签内容放在隐藏的div中,即图中id=qrcodeNone的div标签中,然后将转换后的img标签放在第二个未隐藏的div中,即图中id=qrcode的div标签。


这个是qrcode的生成二维码的方法,text的位置随便填写什么,我这里主要生成连接的二维码就写的url地址。

qrcode生成的二维码长按不识别问题_第2张图片

转换方法

qrcode生成的二维码长按不识别问题_第3张图片

实际使用

你可能感兴趣的:(qrcode生成的二维码长按不识别问题)