HTML5中Canvas画图片的问题

W3C School里面是这样写的：

<script type="text/javascript">var c=document.getElementById("myCanvas");var cxt=c.getContext("2d");var img=new Image()img.src="flower.png"cxt.drawImage(img,0,0);</script>

但是这特么是扯淡的，有时候图片画不出来。

img.onload = function(){ctx.drawImage(img,0,0);

必须在图片加载完之后再Draw才有用……不明白为啥很多教程和网站都没有这么写，不过确定的是W3C School里面的代码会有隐患