微信H5页面用canvas渲染图片获取不到base64数据？

Question

微信H5开发，用canvas渲染cdn上的图片，跨域问题已经解决，但是在真机上仍然获取不到canvas转base64的数据。 （模拟器和浏览器是没问题的）

有大神遇到过此类问题吗，求解决方案😢😢😢😢😢

Answer 1

因为图片的加载是异步的，你得确保你的图片已经加载完毕然后再渲染到canvas上，可以试一下img.onload这个方法。（假如canvas要渲染多张图片的话建议考虑下计数器实现。当计数到一定的时候再使用 toDataUrl 这个方法。亲测有效，嘻嘻）

Answer 2

之前好像有同事遇到类似的问题，解决办法是把 data:image/png;base64, 去掉。