成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

小程序中生成二維碼和條形碼

Sleepy / 1786人閱讀

使用wxbarcode模塊可以很方便地生成二維碼和條形碼。

效果

安裝 
$ npm install wxbarcode
使用方法 
import wxbarcode from "wxbarcode"
 
wxbarcode.barcode("barcode", "1234567890123456789", 680, 200);
wxbarcode.qrcode("qrcode", "1234567890123456789", 420, 420);
條形碼

函數(shù)名：barcode

函數(shù)原型：barcode(id, code, width, height)

參數(shù)：

id: wxml文件中的 Canvas ID

code: 用于生成條形碼的字符串

width: 生成的條形碼寬度，單位 rpx

height: 生成的條形碼高度，單位 rpx

二維碼

函數(shù)名：qrcode

函數(shù)原型：qrcode(id, code, width, height)

參數(shù)：

id: wxml文件中的 Canvas ID

code: 用于生成二維碼的字符串

width: 生成的二維碼寬度，單位 rpx

height: 生成的二維碼高度，單位 rpx

小程序案例 
// 頁面所在的js文件
import wxbarcode from "../../utils/qrcode/index.js";
// ...
wxbarcode.barcode("barcode", res.data.voucher_info.closure_code, 680, 150);
wxbarcode.qrcode("qrcode", res.data.voucher_info.closure_code, 340, 340);
// wxml文件
本地wxbarcode目錄結(jié)構(gòu)（從github download下來的目錄結(jié)構(gòu)）

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/101172.html

相關(guān)文章

  • 微信小程序中生成二維碼工具：weapp.qrcode.js

    摘要：前言在近期的小程序開發(fā)中，有一個(gè)離線生成二維碼的需求。所以，針對(duì)微信小程序的特點(diǎn)，封裝了，用于在小程序中快速生成二維碼。由于小程序沒有動(dòng)態(tài)創(chuàng)建標(biāo)簽的，所以這一步不能省略。調(diào)用繪制方法由于微信小程序不支持引入包，可以將目錄下，拷貝至項(xiàng)目中。 前言 在近期的小程序開發(fā)中，有一個(gè)離線生成二維碼的需求。當(dāng)時(shí)想到了一些優(yōu)秀的前端開源庫 jquery-qrcode 和 node-qrcode，由于...

    MarvinZhang 評(píng)論0 收藏0

  • 【實(shí)戰(zhàn)教程】使用知曉云完成微信卡券消息的處理

    摘要：此教程將帶領(lǐng)大家體驗(yàn)這個(gè)新功能，實(shí)現(xiàn)一個(gè)微信消息推送類型的觸發(fā)器。進(jìn)入公眾號(hào)后臺(tái)點(diǎn)擊開發(fā)基本配置服務(wù)器配置，同步配置成知曉云消息推送的相關(guān)配置，完成配置后，微信消息推送類型的觸發(fā)器方可使用。 知曉云新推出「消息推送」功能，該功能通過「消息推送」類型的觸發(fā)器接收微信推送過來的消息，開發(fā)者可以對(duì)此消息實(shí)行相關(guān)操作。 此教程將帶領(lǐng)大家體驗(yàn)這個(gè)新功能，實(shí)現(xiàn)一個(gè)「微信消息推送」類型的觸發(fā)器。 該...

    Karrdy 評(píng)論0 收藏0

  • 實(shí)現(xiàn)一個(gè)掃描商品條碼進(jìn)行評(píng)價(jià)或留言的小程序（附源碼）

    摘要：功能介紹對(duì)準(zhǔn)上面的小程序碼，掃一下，嘀地一聲，掃碼成功，打開小程序，進(jìn)入小程序首頁。因?yàn)槭诸^上沒有可樂，所以我找來了一只非常專業(yè)的貓，扮演一瓶的可口可樂演示給大家看。 1.功能介紹 showImg(https://segmentfault.com/img/remote/1460000016260048?w=240&h=240); 對(duì)準(zhǔn)上面的小程序碼，掃一下，‘嘀’~地一聲，掃碼成功，打...

    stefanieliang 評(píng)論0 收藏0

  • 實(shí)現(xiàn)一個(gè)掃描商品條碼進(jìn)行評(píng)價(jià)或留言的小程序（附源碼）

    摘要：功能介紹對(duì)準(zhǔn)上面的小程序碼，掃一下，嘀地一聲，掃碼成功，打開小程序，進(jìn)入小程序首頁。因?yàn)槭诸^上沒有可樂，所以我找來了一只非常專業(yè)的貓，扮演一瓶的可口可樂演示給大家看。 1.功能介紹 showImg(https://segmentfault.com/img/remote/1460000016260048?w=240&h=240); 對(duì)準(zhǔn)上面的小程序碼，掃一下，‘嘀’~地一聲，掃碼成功，打...

    elina 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<