JavaScript Dersleri

Image Crop

JavaScript

var canvas = document.querySelector('#c1');
var ctx = canvas.getContext('2d');

var w = canvas.width;
var h = canvas.height;
ctx.clearRect(0,0,300,200);
ctx.fillStyle = "black";
ctx.rect(0,0,300,200);
ctx.fill();
var image = new Image();
image.onload=function(){
	ctx.drawImage(image,32,5,image.naturalWidth/2,image.naturalHeight/2,0,0,100,100);
}
image.src="https://media.licdn.com/mpr/mpr/shrinknp_200_200/AAEAAQAAAAAAAAaWAAAAJDIwOTM5MWI1LTgzYTItNGIwMy04ZTE1LTM2ZmFiMmY4NWYyYg.jpg";