2022-10-10 Error in event handler for "service.3-canvas-shareCanvas": "TypeError: Cannot read properties of undefined (reading 'ready')"

前言：本报错和画布生成有关。

简言：uniapp h5 生成画布，使用ctx.draw()把描述文字写入canvas中无效，ctx.draw()没有回调。

具体报错（一共报了两个错）：

Error in event handler for "service.3-canvas-shareCanvas": "TypeError: Cannot read properties of undefined (reading 'ready')"

以及👇

TypeError: Cannot read properties of undefined (reading 'ready') at VueComponent.checkImageLoaded

第一个错误意思：

“service.3-canvas-shareCanvas”的事件处理程序出错：“TypeError:无法读取未定义的属性（读取“ready”）”

简单来说就是你生成画布的时候有一个值未定义，读取不了，故而报错。

上面👆这句话就是原因所在，uni.getImageInfo它返回的两个值，一个为null，另一个才是我需要的值，而问题就出在这里。

第二个报错意思：

TypeError:无法读取VueComponent.checkImageLoaded上未定义（读取为“ready”）的属性

简单来说就是在上一个报错中进一步解释，指明了是checkImageLoaded（检查图像加载的时候报了错）出了问题。

解决方案：我开始时是先一个一个注释代码，直到不会报这个错误了，然后再慢慢收窄报错代码范围。这种问题一般都是需要一步一步地去断点，一步步检查才能检测出问题。