参考网友文档:
js生成二维码及解决二维码在微信中不能识别
来自 https://blog.csdn.net/qq_41429765/article/details/111915775?ops_request_misc=&request_id=&biz_id=102&utm_term=微信生成二维码识别&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-3-111915775.pc_search_result_before_js
1. 安装和引入
<script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>
import QRCode from 'qrcode2'
2. html写两个div,一个是真实的画二维码的div,设置display为none隐藏起来,一个是真正用到的用于转换成图片的div
<div id="codeDiv" style="display: none;">
</div>
<div id="qrcode" style="margin:0 auto; margin-top:20px; width:160px; ">
3.使用QRcode画二维码,然后用canvas的toDataURL方法将二维码转换成图片。
//生成二维码
createQRcode(followCode) {
followCode = decodeURIComponent(followCode); //解码
setTimeout(() => {
if (document.getElementById('qrcode').innerHTML) {
document.getElementById('qrcode').innerHTML = '';
}
//生成二维码
var qrcode = new QRCode("codeDiv", {
text: followCode,
width: 250,
height: 250