FN - Image Cropper

by Felipe Alfaro

HTML

<canvas id="default-canvas"></canvas>

<img src="http://onlinefanatic.com/wp-content/uploads/2016/03/Konata-Izumi-from-Lucky-Star.jpg" alt="Konata">

CSS

canvas
{
  width: 400px;
  height: 400px;
}

JavaScript

var myCanvas = document.getElementById('default-canvas'),
		ctx = myCanvas.getContext('2d'),
		img = new Image;
    
img.onload = function () {
  ctx.drawImage(img, 0, 0);
};

img.src = 'http://onlinefanatic.com/wp-content/uploads/2016/03/Konata-Izumi-from-Lucky-Star.jpg';