JSFiddle - React, Tailwind, and code Playground

by jeremyblalock

HTML

<div class="wrapper">
  <div class="text">
    Hello, world...
  </div>
  
  <canvas id="canvas"></canvas>
</div>
<hr />
<div id="result"></div>

JavaScript

var canvas = document.getElementById('canvas')
var ctx = canvas.getContext('2d')
var result = ctx.measureText('Hello, world...')
document.getElementById('result').innerHTML = `${Math.ceil(result.width)} &times; ${result.height}`