javascript - image的onload事件触发是什么时候？

Question

如图代码所示。
imageobj.onload = function(){
var cvs = $('#cvs'+this.index)[0].getContext('2d');
cvs.width = this.width;
cvs.height = this.height;
cvs.drawImage(this,0,0);
}

当图片加载完成后，绘制到canvas上，但是canvas此时仍是for循环tmpl里的的字符串，尚未添加到dom节点。

请问图片加载到底是什么时候加载完成？难道不是获得src属性后就开始加载吗？这段代码是可以实现功能的。难道是刚好加载完成后for循环已结束，tmpl已经添加到dom里面才执行？那如果for循环的时间足够久，会出现bug吗？

Answer 1

就是你设置了src属性之后，图片就开始加载了，加载成功会执行onload 错误 好像是onerror