TextMetrics : Object

Contains sizing information for text drawn in a CanvasRenderingContext2D. Obtained through measureText().

Instance Properties

width : Number readonly

The width of the text in pixels.

Example:

<canvas id='canvas'></canvas>
<script>
  var canvas = document.getElementById('canvas');
  var context = canvas.getContext('2d');

  context.fillText('hello world', 0, 30);

  var textMetrics = context.measureText('hello world');
  
  context.fillRect(0, 35, textMetrics.width, 1);
</script>

Run

Results:

home license contribute feedback toggle light/dark mode