小程序canvas白屏解决(

造成canvas白屏的原因(两个原因)

1. 使用网络图片经绘制,没有配置downloadfile域名

  ctx.drawImage('https://img1.imgtn.bdimg.com/it/u=914233383,3108433636&fm=26&gp=0.jpg')     

  需要在微信公众平台,将https://img1.imgtn.bdimg.com/配置到白名单

 

2. 同一页面中canvas-id不可重复,如果使用一个已经出现的canvas-id,该canvas对应画布标签将被隐藏并不在正常工作

  这个目前的解决办法是动态生成canvas-id,没有太好的办法。

  可以获取当前时间戳,拼在canvas-id后面

 

posted @ 2020-05-08 21:13  时光凉忆  阅读(2405)  评论(0编辑  收藏  举报