JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id='can' width='250' height='200'></canvas>

CSS

canvas{border: 1px solid}

JavaScript

var c = can.getContext('2d');
c.font = 'bold 24px verdana, sans-serif';
c.textAlign = 'center';
c.textBaseline = 'middle';
c.fillText('my message', can.width / 2, can.height / 2);