JSFiddle - React, Tailwind, and code Playground

by Josh Pullen

CSS

canvas {
  border: 1px solid black;
  max-width: calc(100vw - 20px);
  max-height: calc(100vh - 20px);
}

JavaScript

function render(canvas, ctx) {
	
}





const canvas = document.createElement("canvas");
const ctx = canvas.getContext("2d");

canvas.width = 640;
canvas.height = 480;

document.body.appendChild(canvas);

ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.translate(-canvas.width / 2, -canvas.height / 2);
render(canvas, ctx);