解决方法：此bug需要前后端配合解决，首先后端设置图片允许跨域，然后前端设置Img.crossOrigin = "Anonymous";即可。
| var pageqrcodeimg = qrcodecanvas.toDataURL('image/jpg'); var qrcodeImg = new Image(); qrcodeImg.crossOrigin = "Anonymous"; qrcodeImg.src = pageqrcodeimg; qrcodeImg.onload=function(){ //绘制图片 } |
6、canvas绘制图片时会出现白屏情况
问题描述：canvas绘制图片时偶尔会出现白屏情况，初步分析是图片还没读取完毕就执行了绘图操作。
解决方法：给img添加onload函数，图片读取完毕再执行绘图操作。
| qrcodeImg.onload=function(){ //绘制图片 } |
7、微信浏览器中长按图片无法保存
问题描述：通过canvas生成的图片在微信浏览器中长按无法保存或者识别二维码，安卓部分图片出现此情况，iphone正常，初步分析是图片质量太大导致。
解决方法：导出base64图片时压缩图片质量。
| var mycanvas = document.getElementById("main"); var image = mycanvas.toDataURL("image/jpeg",0.7); |
后记：目前遇到的问题基本就这些，后期如果遇到什么问题会持续更新。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易采站长站。
