JSFiddle - React, Tailwind, and code Playground

by Norlihazmey Ghazali

HTML

<canvas id="canvas" width="400" height="400"></canvas>

JavaScript

var link = 'https://www.dropbox.com/s/kfo8af25yf5yl3s/images.jpg?dl=0';
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

var img = new Image();
img.src = link;
img.crossOrigin = "Anonymous";
console.log(img);

ctx.drawImage(img,0,0);

var imageData = ctx.getImageData(0,0,canvas.height,canvas.width);
console.log(imageData)