更新時間:2019年03月29日 10:01:01 作者:
這篇文章主要介紹了微信小程序生成二維碼的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
好久沒有寫文章了,最近公司要做海報分享的活動,需要在小程序中生成掃了之后可以跳轉普通網頁的二維碼,就在上面找了一下,確實找到了一個兼容兼容性比較不錯的,給打加分享一下。
中間嘗試了不少,有些在上上城會出現問題,親測這個有效,兼容比較好,已經應用到我們項目中了。
由于在使用便利性方面考慮微信小程序寫代碼,我對這個進行了一定的改動,新增了二維碼白邊功能和支持回調函數直接獲取臨時文件的功能,希望能夠幫助到大家。
地址
weapp- 點擊查看(歡迎star),其中附有源工程地址
使用
在上下載工程微信小程序寫代碼,主要用到的文件是/utils/weapp-.js文件
引入文件:
可以將文件直接放在自己工程下面引入使用
import QRCode from '/utils/weapp-qrcode.js'
使用:
new QRCode('myQrcode',{ text: 'http://www.tongxingschool.com', width: 200, height: 200, padding: 12, // 生成二維碼四周自動留邊寬度,不傳入默認為0
correctLevel: QRCode.CorrectLevel.L, // 二維碼可辨識度 callback: (res) => { console.log(res.path) // 接下來就可以直接調用微信小程序的api保存到本地或者將這張二維碼直接畫在海報上面去,看各自需求 }
})
結構:
注意事項
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。