系统中持续报错:The image argument is a canvas element with a width or height of 0

完整报错:Layer.js?e2f0:197 Uncaught DOMException: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The image argument is a canvas element with a width or height of 0,系统中持续报错:The image argument is a canvas element with a width or height of 0_第1张图片

系统中有生成二维码的drawImage,我一直以为是生成二维码的报错,而且开始我觉得这个报错出现的完全没有规律,一报错就疯狂报,一刷新就没了,修改了生二维码的代码后仍然没能解决,后来经过仔细的排查,发现是系统中绘制echart图的页面在初次进入系统不刷新并且浏览器窗口发生变化时才出现,在寻找问题的过程中发现并不是所有的echart都会报错,而只有下面这个迁徙图才报错,官网地址为https://gallery.echartsjs.com/editor.html?c=x7IX82ACxG

系统中持续报错:The image argument is a canvas element with a width or height of 0_第2张图片

报错大概是在绘制图形时画布大小为0,检查之后发现该图给了宽高,而且迁徙图也是被绘制出来的,然后我试了下把写在css样式文件中的宽高设置给在了行内,这样就好了

希望能让跟我遇到同样问题的人不要再浪费时间

你可能感兴趣的:(vue)