JSFiddle - React, Tailwind, and code Playground

by Josh Pullen

CSS

canvas {
  border: 1px solid black;
}

JavaScript

const canvasA = document.createElement("canvas");
const ctxA = canvasA.getContext("2d");
const canvasB = document.createElement("canvas");
const ctxB = canvasB.getContext("2d");

document.body.appendChild(canvasA);
document.body.appendChild(canvasB);

const imgDataA = ctxA.createImageData(canvasA.width, canvasA.height);
for (let i = 0; i < imgDataA.data.length; i++) {
  if (i % 4 === 3) {
  	imgD
  }
	imgDataA.data[i] = Math.random() * 255;
}

ctxA.putImageData(imgDataA, 0, 0);
ctxB.drawImage(canvasA, 0, 0);