JSFiddle - React, Tailwind, and code Playground

by Michael Prosser

HTML

<canvas id="canTemp"></canvas>

JavaScript

var canvas = document.getElementById("canTemp");
var context = canvas.getContext("2d");

context.fillStyle = "#FF0000";
context.fillRect(0, 0, 150, 75);

function getPixels(canvas, context) {
    
    var pixelData = context.getImageData(0, 0, canvas.width, canvas.height);
    
    console.log("DATA",pixelData.data);
    
    var pd = pixelData.data;
    var l = pd.length;
    
   for(var i=0;i<l;i++){
    
    	
    	//console.log("ITEM",pd[i]);
    
    }
    
}

getPixels(canvas, context);