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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。