小程序上下滑动页面时canvas绘制的图出现抖动的情况

https://blog.csdn.net/qq_34451048/article/details/106624470

你上下滑动页面的时候，你就会发现，丢，canvas会随着你上下滑动页面时抖动，这可是一个不好的体验

各种百度，谷歌，有些说绑定方法，有一些建议使用echars，最后都尝试了一遍，毫无暖用，最后想到了一个取巧的方法，将绘制好的canvas生成图片，放在该放的位置不就完事了吗？

这里还有个问题，就是在html页面中的canvas容器，绘制canvas，我们是找到绑定到canvas中的ID的，如果使用生成以后的图片来替代当前的canvas的话，这个容器就不能还待在这个位置了，所以，直接用定位，把他置于显示容器之外，这样子就可以了

            

 

data:{
    qrCode:''
}
 //生成二维码
  productqrcode(val) {
    new QRCode('myQrcode', {
      text: val,
      width: 190,
      height: 193,
      padding: 10, // 生成二维码四周自动留边宽度，不传入默认为0
      correctLevel: QRCode.CorrectLevel.L, // 二维码可辨识度
      callback: (res) => {
        console.log(res.path);
        this.setData({
          qrCode:res.path
        })
        // 接下来就可以直接调用微信小程序的api保存到本地或者将这张二维码直接画在海报上面去，看各自需求
      }
    })
  },