首先在github上下載/utils/weapp-qrcode.js文件，或者將weapp-qrcode.js文件中的內容復制粘貼到自己的utils的js文件中。

wxml頁面

<canvas class="canvas-code"canvas-id="myQrcode" style="background:#fff;width: 200px;height: 200px;"/>

在需要生成二維碼的頁面js文件中引入第一步的js文件

const weapp_qrcode = require('../../utils/weapp_qrcode.js')

js中調用接口

new weapp_qrcode('myQrcode',{text: 'www.baidu.com',width: 200,height: 200, //二維碼寬高，js代碼和結構中的寬高需要一致，寬高的樣式一定要寫成內聯樣式padding: 12, // 生成二維碼四周自動留邊寬度，不傳入默認為0correctLevel: weapp_qrcode.CorrectLevel.L, // 二維碼可辨識度，級別越高可辨識度越高，從低到高依次是M、L、H、Qcallback: (res) => {console.log(res.path)}})

總結

以上是生活随笔為你收集整理的微信小程序生成普通网页的二维码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。