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++) {
	imgDataA.data[i] = Math.random() * 
}

ctxA.fillRect(10, 10, 100, 50);
ctxB.drawImage(canvasA, 0, 0);