微信小程序数字转化条形码和二维码

一、在utils目录下面引入index.js和barcode.js和qrcode.js 文件

以上js可前往此地址进行下载:https://gitee.com/chwlhmt/demos/tree/master/%E6%9D%A1%E5%BD%A2%E7%A0%81%E8%BD%AC%E5%8C%96

二、在页面的js里面引入:

const { barcode, qrcode } = require(‘../../utils/index.js‘)

在使用的地方直接调用方法:

  writeOff() {
    this.setData({
      showPop: true
    })
    console.log(this.data.obj.SecretCode,‘产品核销码‘)注释:第一个参数是html页面里面canves的id,第二个参数是要转化的那串数字,后面两个参数分别是图片的宽高
    barcode(‘barcode‘, this.data.obj.SecretCode, 800, 172);
    qrcode(‘qrcode‘, this.data.obj.SecretCode, 320, 320);
  },

三、html

1   <canvas canvas-id="barcode" class="shu_codebox" />
2   <canvas canvas-id="qrcode" class="er_code" />

四、可能会出现码扫不了的问题,所以在设置宽高的时候要注意,设置的大小尺寸不合适可能造成二维码或者条形码展示不完全,然后码就扫不了,嗷嗷~

原文地址:https://www.cnblogs.com/chwlhmt/p/10255692.html

时间: 2024-10-13 00:00:14

微信小程序数字转化条形码和二维码的相关文章

微信小程序开发之普通链接二维码

本文主要介绍扫普通链接二维码打开小程序, 详情请看官方文档https://mp.weixin.qq.com/debug/wxadoc/introduction/qrcode.html 配置普通链接二维码规则 生成二维码 访问https://cli.im/url,将https://test.com/linkcode?id=1_2生成二维码图片 小程序接收参数 if(option.q){ console.log(option.q); var link = decodeURIComponent(opt

ESA2GJK1DH1K微信小程序篇: 测试微信小程序扫描Air202上面的二维码绑定设备,并通过MQTT控制设备

前言 暂无 实现功能概要 微信小程序通过扫描GPRS上的二维码,绑定GPRS设备.然后使用小程序通过GPRS远程控制开发板上的继电器, 远程显示单片机采集的温湿度数据. 一,硬件程序 硬件程序采用基础篇 https://www.cnblogs.com/yangfengwu/p/11762609.html  的底层硬件程序 该源码已经拷贝到了当前测试目录 二,微信小程序源码 测试准备工作 一,下载单片机程序(请自行下载) 二,打开微信小程序软件,导入本节工程 三,把小程序安装到手机运行 四,调整波

支付宝小程序开发——根据字符串生成二维码

支付宝小程序开发中,如果需要根据字符串生成二维码,那么可以直接使用qrcode插件,你无需引用js,直接使用开发者工具的npm功能就可以了. 一. 安装插件: 1.开发者工具左侧工具栏点击如图所示的图标(npm): 2.NPM包管理界面,输入框中输入 qrcode 并按回车键,等待插件安装完成: 二. 引用并使用插件: 1 //引用插件 2 const QRCode = require('qrcode'); 3 Page({ 4 data: { 5 imgSrc: '' 6 }, 7 onRea

小程序 获取指定人的二维码

当用户扫描二维码时获得二维码里面带的scene信息: // 这是首页的 js Page({ onLoad: function(options) { // options 中的 scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene var scene = decodeURIComponent(options.scene) } }) 获得二维码: var _this = this wx.request({ url: 'https://api.weixi

微信小程序下拉框之二维数组或对象

js文件 Page({ data:{ //户型 这是一个本地的对象,然后绑定到页面上 pic_array: [ { id: 13, name: '1室1厅1卫' }, { id: 14, name: '1室2厅1卫' }, { id: 15, name: '2室1厅1卫' }, { id: 16, name: '3室1厅2卫' }, { id: 17, name: '4室1厅2卫' }, { id: 18, name: '5室1厅3卫' }, { id: 19, name: '6室1厅3卫' }

[转]用C#实现的条形码和二维码编码解码器

条形码的标准: 条形码的标准有ENA条形码.UPC条形码.二五条形码.交叉二五条形码.库德巴条形码.三九条形码和128条形码等,而商品上最常使用的就是EAN商品条形码.EAN商品条形码亦称通用商品条形码,由国际物品编码协会制定,通用于世界各地,是目前国际上使用最广泛的一种商品条形码.我国目前在国内推行使用的也是这种商品条形码.EAN商品条形码分为EAN-13(标准版)和EAN-8(缩短版)两种. 二维码的编码标准: 全球现有的二维码多达200种以上,其中常见的技术标准有PDF417(美系标准),

用C#实现的条形码和二维码编码解码器

转自:http://www.cnblogs.com/tuyile006/archive/2013/01/16/2863367.html 本篇介绍可以在C#中使用的1D/2D编码解码器.条形码的应用已经非常普遍,几乎所有超市里面的商品上面都印有条形码:二维码也开始应用到很多场合,如火车票有二维码识别.网易的首页有二维码图标,用户只需要用手机扫描一下就可以看到手机版网易的网址,免去了输入长串字符的麻烦. 条形码的标准: 条形码的标准有ENA条形码.UPC条形码.二五条形码.交叉二五条形码.库德巴条形

条形码和二维码编码解码工具类源码

有一个好的工具,会让你的开发事半功倍.再将讲这个工具类之前,我先给小白补充一点条形码和二维码(以下基础只是选自,我本科阶段的一本教材:<物联网导论>(刘云浩 编著).有对物联网感兴趣的,可以看看这本书),我们要内外兼修,你说是不是这么个理呢! 多行组成的条形码,不需要连接一个数据库,本身可存储大量数据,应用于:医院.驾驶证.物料管理.货物运输,当条形码受一定破坏时,错误纠正能使条形码能正确解码.二维码,是一个多行.连续 性.可变长.包含大量数据的符号标识.每个条形码有3 - 90行,每一行有一

生成条形码和二维码并实现打印的功能

生成条形码和二维码并实现打印的功能     开篇:平台下编解条形码和二维码的工具. 下载地址:http://pan.baidu.com/s/1kTr3Vuf Step1:使用VS2010新建一个窗体程序项目: Step2:添加三个类:分别是BarCodeClass.cs.DocementBase.cs.imageDocument.cs.(下一步贴出这些类的代码);;;;添加下载回来的引用zxing.dll. >说明: <1>   BarCodeClass.cs主要用来实现条形码和二维码的