html5加载图片

<canvas id="myCanvas" width='700px' height='400px' style="border:1px solid #9C0"></canvas>
<script>
<!--加载图片-->
//得到画布
var canvas=document.getElementById('myCanvas');
//得到画笔,获得二维画布
var ctx=canvas.getContext('2d');

var img=new Image();//实例化对象
img.src='a.jpg';//加载图片路径
ctx.drawImage(img,0,0,300,400);//图片放置到画布上,参数1:实例化对象名,2,3:起点坐标,3,4:图片大小
</script>