vue 中 require图片是什么时候加载完成呢

Question

如题，如何判断图片加载完成？

实现一个canvas动画，需要图片加载完成后才能开始。如果使用网络图片的话，之前是使用const image = new Image()和image.src = 'http://xxx.com'，然后在image.onload里判断加载完成。

但是静态资源目录下的图片如何判断加载完成呢？？如果使用require的话，是和页面一起打包，不需要等待图片加载吗？？？

Answer 1

1. 需要看你的 webpack 配置，如果用了 url-loader，那么有很大概率是 base64，具体要看你的配置
2. 如果是 base64 的图片，那么无法获得加载完成的事件
3. 如果是普通图片，那么可以在 <img> 上侦听事件