收藏
回答

使用canvas显示barcode和qrcode,华为手机显示空白

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug canvas 客户端 最新版 2.7.1

使用canvas显示barcode和qrcode,华为手机显示空白,其他手机是正常的,请求大神帮忙!


回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员-灵芝
    社区技术运营专员-灵芝
    2019-06-21

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2019-06-21
    赞同
    回复 2
    • flybiao
      flybiao
      2019-06-21

      机型:华为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>


      2019-06-21
      回复
    • 社区技术运营专员-灵芝
      社区技术运营专员-灵芝
      2019-06-21回复flybiao

      麻烦提供这种格式的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

      2019-06-21
      回复
  • Maxim
    Maxim
    2019-08-25

    请问楼主解决了吗?

    2019-08-25
    赞同
    回复
登录 后发表内容