如题,这两天看到有关canvas的文章,
想说可以试着拿来做个小游戏
所以我试着用drawImage绘制图片到画布上
但有一个问题是
必须要等图片读取完,才有办法呼叫drawImage绘制图片到canvas上
所以我把绘制图片函数挂在Image()物件的onload上
到这边都还能正常运作
但当我试图加入第二个图片时,问题就来了,
因为onload是异步事件,
所以添加事件跟读取完成,
呼叫事件的顺序不一定是一样的
结果有时原本应该要被画在上面的图案,反而跑到下面去
http://jsfiddle.net/mmis1000/7bJHP/6/
(ie不支援跨域请求,会看不到)
造成显示的结果跟预期不一样
所以我想问的是,除了自己刻以外,
有没有什么现成的函数库,
可以做到,
当指定追踪的物件都读取完成时,
呼叫特定的函数,这样的功能?