Javascript 如何检测绘制画布对象是否已完成？

我在stackoverflow上找到了下面的JS代码，还有一点修改，它使用canvas在客户端调整图像大小

画布在隐藏的div中绘制：

<div id="canvas-area" style="overflow: hidden; height: 0;"></div>

我只是检测到，div画布区域被显示，并基于此，JS附加另一个状态为的div

不幸的是，在一些移动设备和中端智能手机上，在完成绘制之前会显示错误信息。因此，一些上载的图像已损坏或保持原始大小

---

如何防止这种情况发生？

映像加载后发生的所有事情都应该在then回调中执行，或者从回调中调用

---

重要的是要认识到，不在回调中的代码将立即执行，远远早于绘图完成

加载映像后应该发生的一切都应该在then回调中，或者从回调中调用。@trincot谢谢。经过几天的测试，我可以确认它运行良好！作为答案张贴-

<div id="canvas-area" style="overflow: hidden; height: 0;"></div>