resize and crop iamge buffer in javascript

index.tsx
// Create an image object
var img = new Image();

// Set the source of the image
img.src = 'path/to/image.png';

// Wait for the image to load
img.onload = function() {

  // Create a canvas
  var canvas = document.createElement('canvas');

  // Set the canvas dimensions to the new size
  canvas.width = newWidth;
  canvas.height = newHeight;

  // Get the context of the canvas
  var ctx = canvas.getContext('2d');

  // Draw the image onto the canvas
  ctx.drawImage(img, sourceX, sourceY, sourceWidth, sourceHeight, 0, 0, newWidth, newHeight);

  // Get the new image data
  var newData = canvas.toDataURL('image/png');
};
627 chars
26 lines