JSFiddle - React, Tailwind, and code Playground

by Josh Pullen

HTML

<h1>A</h1>
<canvas id="canvas"></canvas>

CSS

#canvas {
  border: 1px solid black;
}

JavaScript

const canvas = document.querySelector("#canvas");
const ctx = canvas.getContext("2d", { alpha: false });

ctx.fillStyle = "white";
ctx.fillRect(0, 0, 500, 500);

ctx.fillStyle = "black";
ctx.font = "30px Georgia";
ctx.fillText("Aa", 50, 50);