JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas" width="200" height="100"></canvas>

JavaScript

var myImg = new Image();
myImg.src = '../img/logo.png';
var context = document.getElementById('canvas').getContext('2d');
context.drawImage(myImg, 0, 0);
console.log(context.getImageData(0, 0, 1, 1).data);