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里面的代码会有隐患