var canvas = document.getElementById("canvas");

var ctx = canvas.getContext('2d');

ctx.save();

ctx.fillRect(0,0,canvas.width,canvas.height);

var img=new Image();

img.src="http://climg.mukewang.com/59a7df40000165fa06000600.jpg";

//一定要在图像加载完成后的回调中绘制图像

img.onload=function(){//只有在onload函数中图像才能绘制出来

ctx.drawImage(img, 0, 0, 500, 300,100,100,100,100);//第四个第五个参数是宽高

}

ctx.restore();

ctx.beginPath();

ctx.translate(100,100);

ctx.arc(150,150,80,0,Math.PI*2,true);

ctx.fillStyle="rgb(120,109,97)";

ctx.fill();