js 加载图片的 onload，能把异步回调函数改成同步的吗，因为想要加载多张图片然后再通过 canvas 画图，用 onload 要套好多层

[zxCoder]

[Quarter]

判断图片加载完成，基本还是 onload

[xiangyuecn]

for 里面一次性创建 100 个 image，onload 、onerror 计数到 100 即完成加载，还他娘的是并发的🐶

[SoloCompany]

const load = img => new Promise((resolve, reject) => img.onload(resolve) & img.onerror(reject));
await Promise.all(imgs.map(load))

[0o0o0o0]

设置一个 map <图片，状态>，包含所有图片，每张图片加载完都设置此图片状态为完成，然后每次完成一个图片加载都检查是否全部完成，如果全部完成就画 canvas

[maplerecall]

你需要的不是同步，而是有个能确保所有图片都加载完的方法，上边的几种方法都是这个原理，理解了就容易写了。

[Danswerme]

三楼的方法正解，放在 Promise.all 后面就可以确保所有图片都加载完成了