html 5 canvas绘制图片不能显示（需要重新加载地址栏enter才能显示的问题）

应该是canvas第一次绘图的时候图片还没来得及加载
修改：
1. canvas 的绘制方法不要放在jquery 的 ready方法里， 移入到body 的onload方法中；
2. canvas img直接绘制不要放在img对象的onload中，如下
/* dirImg.onload=function(){ 
ctx.drawImage(dirImg, x2, y2);     
}; */
ctx.drawImage(dirImg, x2, y2);
3. 在html中强制载入图片一次， 如下

<!-- 强制加载一次所需要的图片，防止第一次没有图片的情况 -->
<div style="display: none">
<img alt="red" src="${basePath}/resource/image/warning_yellow.png"/>
<img alt="red" src="${basePath}/resource/image/warning_red.png"/>
</div>