小程序
小游戏
企业微信
微信支付
扫描小程序码分享
使用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工具varbarcode = 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）