小程序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"属性
解决:去除属性;

经验所得。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。