小程序
小游戏
企业微信
微信支付
扫描小程序码分享
使用canvas显示barcode和qrcode,华为手机显示空白,其他手机是正常的,请求大神帮忙!
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我也遇到这个问题,请问楼主解决了吗
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
请问楼主解决了吗?
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
机型:华为p30 pro, 微信版本号:7.0.4,系统版本:android 9, 代码片段:
//code.js工具
var
barcode = require('./barcode
')
var qrcode = require('
./qrcode
function convertLength(length) {
return Math.round(wx.getSystemInfoSync().windowWidth * length / 750)
}
function barc(id, code, width, height) {
barcode.code128(wx.createCanvasContext(id), code, convertLength(width), convertLength(height))
function qrc(id, code, width, height) {
// console.log(width)
// console.log(wx.getSystemInfoSync())
// console.log(convertLength(width))
qrcode.api.draw(code, {
ctx: wx.createCanvasContext(id),
width: convertLength(width),
height: convertLength(height)
})
module.exports = {
barcode: barc,
qrcode: qrc
//页面调用
<view wx:if="{{items.Type == '
min_barcode'}}">
<view class=
"f-16 bg-fff border-top view-flex view-flex-center view-flex-middle"
style=
"height: 80rpx;"
>{{card}}</view>
"f-14 bg-fff txt-center"
"padding-bottom: 20rpx;"
>卡号:{{cardno2}}</view>
"barcode bg-fff"
>
<canvas canvas-id=
"barcode"
/>
"f-14 c-666"
"margin-top: 8rpx;"
>{{barcode}}</view>
"padding: 20rpx 0;"
>向店员出示条形码,使用会员卡</view>
</view>
麻烦提供这种格式的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我也遇到这个问题,请问楼主解决了吗
请问楼主解决了吗?
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
机型:华为p30 pro, 微信版本号:7.0.4,系统版本:android 9, 代码片段:
//code.js工具
var
barcode = require('./barcode
')
var qrcode = require('
./qrcode
')
function convertLength(length) {
return Math.round(wx.getSystemInfoSync().windowWidth * length / 750)
}
function barc(id, code, width, height) {
barcode.code128(wx.createCanvasContext(id), code, convertLength(width), convertLength(height))
}
function qrc(id, code, width, height) {
// console.log(width)
// console.log(wx.getSystemInfoSync())
// console.log(convertLength(width))
qrcode.api.draw(code, {
ctx: wx.createCanvasContext(id),
width: convertLength(width),
height: convertLength(height)
})
}
module.exports = {
barcode: barc,
qrcode: qrc
}
//页面调用
<view wx:if="{{items.Type == '
min_barcode'}}">
<view class=
"f-16 bg-fff border-top view-flex view-flex-center view-flex-middle"
style=
"height: 80rpx;"
>{{card}}</view>
<view class=
"f-14 bg-fff txt-center"
style=
"padding-bottom: 20rpx;"
>卡号:{{cardno2}}</view>
<view class=
"barcode bg-fff"
>
<canvas canvas-id=
"barcode"
/>
<view class=
"f-14 c-666"
style=
"margin-top: 8rpx;"
>{{barcode}}</view>
<view class=
"f-14 c-666"
style=
"padding: 20rpx 0;"
>向店员出示条形码,使用会员卡</view>
</view>
</view>
麻烦提供这种格式的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)