border:dashed 2px red;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var img = new Image();
var height = 180;
var width = 180;
img.onload = function() {
context.save();
context.rect(0, 0, 200, 200);//Здесь первый 0=X
context.clip();
context.drawImage(img,0, 0,width,height);//Первый 0=X
context.restore();
};
img.src = 'http://vikup-msk.ru/wp-content/uploads/2015/10/1445787630_in_transit.png';