how to save image data in array in javascript

index.tsx
//create a canvas element
let canvas = document.createElement('canvas');
let context = canvas.getContext('2d');

//create an image object
let image = new Image();

//set the source of the image
image.src = 'path/to/image';

//when the image loads
image.onload = function() {
  //set the dimensions of the canvas same as the image
  canvas.width = image.width;
  canvas.height = image.height;

  //draw the image onto the canvas
  context.drawImage(image, 0, 0);

  //get the image data
  let imageData = context.getImageData(0, 0, canvas.width, canvas.height);
  let data = imageData.data;

  //save the data to an array
  let dataArray = [];
  for(let i=0; i<data.length; i++) {
    dataArray.push(data[i]);
  }
};
716 chars
30 lines