whitening filter matlab in javascript

index.tsx
// Create a new canvas element
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');

// Load the image
var image = new Image();
image.src = 'path/to/image.jpg';
image.onload = function() {
  // Set the canvas size to match the image dimensions
  canvas.width = image.width;
  canvas.height = image.height;

  // Draw the image onto the canvas
  ctx.drawImage(image, 0, 0);

  // Get the image data
  var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
  var data = imageData.data;

  // Apply the whitening filter
  for (var i = 0; i < data.length; i += 4) {
    // Get the RGB values
    var r = data[i];
    var g = data[i + 1];
    var b = data[i + 2];

    // Calculate the average of the RGB values
    var average = (r + g + b) / 3;

    // Set the RGB values to the average
    data[i] = data[i + 1] = data[i + 2] = average;
  }

  // Put the modified image data back onto the canvas
  ctx.putImageData(imageData, 0, 0);

  // Convert the canvas to an image and display it
  var outputImage = new Image();
  outputImage.src = canvas.toDataURL();
  document.body.appendChild(outputImage);
};
1144 chars
42 lines