JSFiddle - React, Tailwind, and code Playground

by Akihiko Kusanagi

HTML

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

JavaScript

var canvas = document.getElementById('canvas')
var ctx = canvas.getContext("2d");

canvas.height = 400;
canvas.width = 400;
canvas.style.height = '200px';
canvas.style.height = '200px';
ctx.scale(2,2);
ctx.fillText('Text', 10, 10);
ctx.fillText('Text', 30.25, 10.25);
ctx.fillText('Text', 50.5, 10.5);
ctx.fillText('Text', 70.75, 10.75);
ctx.fillText('Text', 91, 11);