JSFiddle - React, Tailwind, and code Playground

by also

HTML

<body>
  <p style="font: 20px arial; color: #eee">text in html</p>
  <canvas id="canvas" width="500" height="500"/>
  <script>
    var canvas = document.getElementById('canvas');
    var ctx = canvas.getContext('2d');
    ctx.fillStyle = '#eee';
    ctx.font = '80px arial';
    ctx.fillText('text in canvas', 0, 60)
  </script>

</body>