小程序canvas绘图,真机空白不显示的几个解决方案

可能1:使用了网络图片进行直接绘图;
解决:需要使用wx.downloadFile或wx.getImageInfo将网络图片转换成本地图片;

可能2:使用了很长的base64位图片绘图;
解决:使用文件系统,将base64图片转为本地路径再进行绘制;

var fs = wx.getFileSystemManager()
var save_path = wx.env.USER_DATA_PATH + '/' + (new Date()).getTime() + '.png';
fs.writeFile({
  filePath: save_path,
  data: 'base64',
  encoding: 'base64',
  success: (res) => {
    //再使用save_path
  }
});

可能3:canvas标签上加了type="2d"属性
解决:去除属性;

经验所得。。。

你可能感兴趣的:(小程序canvas绘图,真机空白不显示的几个解决方案)