小程式怎麼產生二維碼

coldplay.xixi
發布: 2023-01-04 09:38:34
原創
85879 人瀏覽過

小程式產生二維碼的方法:先新程式碼片段,並下載【weapp.qrcode.min.js】檔案拷貝到小程式目錄下面;然後匯入【weapp.qrcode.min.js】文件,並設定【canvas-id】;最後呼叫qrcode方法產生二維碼。

小程式怎麼產生二維碼

本文操作環境:Windows7系統,小程式開發工具V1.02.1909111版本,Dell G3電腦。

相關學習推薦:小程式開發教學

小程式產生二維碼的方法:

1、首先開啟開發工具,新建一個小程式程式碼片段,如下圖所示

小程式怎麼產生二維碼

2、接著開啟github,搜尋weapp-qrcode,選擇第一個選項,如下圖所示

小程式怎麼產生二維碼

3、然後進入到詳情介面,下載weapp.qrcode.min.js文件,如下圖所示

小程式怎麼產生二維碼

4、接著將weapp.qrcode.min.js檔案拷貝到小程式目錄下面,如下圖

小程式怎麼產生二維碼

5、然後開啟小程式的index.js文件,在頂部導入weapp.qrcode.min.js文件,如下圖所示

小程式怎麼產生二維碼

6、接著打開wxml文件,聲明一個canvas ,並且設定一個canvas-id,如下圖

小程式怎麼產生二維碼

#7、然後在index.js檔案中呼叫qrcode方法產生二維碼, text屬性就說二維碼的內容,如下圖所示

小程式怎麼產生二維碼

8、最後運行小程式就可以看到產生的二維碼了,掃描即可讀出text的內容,如下圖所示

小程式怎麼產生二維碼

以上是小程式怎麼產生二維碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!