小程序生成条形码barcode.js

1、下载barcode.js，新建一个文件wxbarcode.js用于计算条形码的宽高，以自适应不同手机屏显示

var barcode = require('./barcode'); function convert_length(length) {return Math.round(wx.getSystemInfoSync().windowWidth * length / 750);
}function barc(id, code, width, height) {barcode.code128(wx.createCanvasContext(id), code, convert_length(width), convert_length(height)) //参数1：页面接收生成条形码的容器 参数2：需要生成条形码的code 参数3：条形码的宽度 参数4：条形码的高度
}module.exports = {barcode: barc
}

2、在需要使用的页面引入wxbarcode.js

const wxbarcode = require('wxbarcode.js');//在拿到生成条形码的id后调用wxbarcode.barcode('barcode', code, 490, 80); //注意在wxml中设置一个如代码id为barcode的wxml容器

3、注意：

由于barcode.js的条形码的位置实际是通过获取页面相关元素的高度后定位而得到的位置，

所以如果在条形码元素的前面，有通过手动计算后得到高度的元素，那么条形码的位置可能会出现偏差。

所以条形码前面的图片元素不能使用mode='widthFix'属性，元素不能通过计算得到高度，最好通过wxss设置固定高。

转载于:https://www.cnblogs.com/muzs/p/11212443.html

小程序生成条形码barcode.js相关推荐

mpvue 微信小程序_使用Vue.js开发微信小程序：开源框架mpvue解析
戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全责编 | 阿秃转自 | 美团技术团队企业博客前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...
微信小程序生成小程序码 + Java后台
微信小程序生成小程序码首先看下效果图: 微信小程序已经上线很久了.现在才开始把代码拷进来因为真的很忙 ---- 先看代码吧.首先是小程序端的内容: 怕麻烦全部拷进去吧这块的需求就是完成分享小 ...
mpvue微信小程序http请求-fly.js
mpvue微信小程序http请求-fly.js fly.js是什么? 一个支持所有JavaScript运行环境的基于Promise的.支持请求转发.强大的http请求库.可以让您在多个端上尽可能大限度 ...
微信小程序js数组初始化_微信小程序学习Course 3-2 JS数组对象学习
微信小程序学习Course 3-2 JS数组对象学习本节主要介绍JS中的数组. 3-2.1 数组的声明数组声明的方式多种,如下例.一般我们可以先创建一个空数组,然后再填充. var names = ...
微信小程序如何实现通过js修改wxml的for循环中的属性值
微信小程序如何实现通过js修改wxml的for循环中的属性值要实现的效果具体代码要实现的效果点击每一个活动选项,实现显示对应的操作按钮具体代码首先要在对应页面的js中给data中定义数组, ...
关于微信小程序打包文件vendor.js超过500k的压缩方案
关于微信小程序打包文件vendor.js超过500k的压缩方案因为是开发环境,所以没进行UglifyJs压缩,所以解决的方法来了,引入UglifyJs插件修改build目录下的webpack.d ...
开发微信小程序，就是这么简单！可自动生成微信小程序源代码，配套JS SDK、接口和后台
开发微信小程序,就是这么简单!自己动手,丰衣足食! 开发微信小程序有多简单?  你只需要掌握前端开发,就可以轻松开发自己的微信小程序,实现自己的业务功能.借助果创云,无须域名.无须服务器.无须数据库, ...
微信小程序之条形码和二维码生成
1.首先在utils文件下创建barcode.js,qrcode.js与index.js三个文件 barcode.js 代码如下 var CHAR_TILDE = 126; var CODE_FNC1 ...
微信小程序 - 生成二维码
前言:通过小程序端生成二维码也是很有必要的,可以为后台减压. 本文介绍三个插件,其中各有不同,各有优点. 1.可以生成带图标的二维码图示: 下载:链接: https://pan.baidu.com/ ...

小程序生成条形码barcode.js

小程序生成条形码barcode.js相关推荐

最新文章

热门文章

小程序 生成条形码barcode.js

小程序 生成条形码barcode.js相关推荐

最新文章

热门文章

小程序生成条形码barcode.js

小程序生成条形码barcode.js相关推荐