Как увеличить изображение по пиксельно в react-native?

let img = new Image(), from = 30, to = 300, ratio = to/from; 
img.src = `https://picsum.photos/id/1/${30}/${30}`; 
img.crossOrigin = "anonymous"; 
img.onload = e => { 
  let ctx = canvas.getContext('2d'); 
  ctx.drawImage(img, 0, 0); 
  let d1 = ctx.getImageData(0, 0, from, from); 
  let d2 = ctx.createImageData(to, to); 
  for (let x = 0; x<to; x++) { 
    for (let y = 0; y<to; y++) { 
      let o1 = (y*to + x)*4; 
      let o2 = (Math.floor(y/ratio)*from + Math.floor(x/ratio))*4;     
      d2.data[o1 + 0] = d1.data[o2 + 0]; 
      d2.data[o1 + 1] = d1.data[o2 + 1]; 
      d2.data[o1 + 2] = d1.data[o2 + 2]; 
      d2.data[o1 + 3] = 255; 
    } 
  } 
  ctx.putImageData(d2, 0, 0);  
};

<canvas id=canvas width=300 height=300 />