Canvas drawImage(1)

by MICHI CHEN

HTML

<canvas id="myCanvas" width="400" height="200"></canvas>
<canvas id="myCanvasCrop" width="400" height="400"></canvas>

JavaScript

$(function(){
	var cxt=$('#myCanvas')[0].getContext('2d');
  var imgObj=new Image();
  imgObj.onload=function(){
  	var imgWidth=imgObj.width*0.1;
  	var imgHeight=imgObj.height*0.1;
  	cxt.drawImage(imgObj,0,0,imgWidth,imgHeight);
  }
 imgObj.src='https://c1.staticflickr.com/1/359/18606422976_a1fa874e07_k.jpg';
 
  var cxtC=$('#myCanvasCrop')[0].getContext('2d');
  var imgCrop=new Image();
  imgCrop.onload=function(){
		cxtC.drawImage(imgCrop,300,400,400,400,0,0,400,400);
 };
 imgCrop.src=imgObj.src;
});