JSFiddle - React, Tailwind, and code Playground

by Raul Bojalil

JavaScript

var cropImage = function(src, minX, minY) {

	var canvas = document.createElement('canvas');
  var context = canvas.getContext('2d');
  var imageObj = new Image();
  
  var newHeight = 150;
  var newWidth = 150;

  imageObj.onload = function() {
  	context.drawImage(imageObj, minX, minY, newWidth, newHeight, 0, 0, newWidth, newHeight);
    console.log(canvas.toDataURL());
    
  };
  imageObj.src = src;
}

cropImage('http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg', 0, 0);