text-dimensions

Performant Calculation of the width and height of a text string using canvas (OffscreenCanvas if it is supported).

Usage no npm install needed!

<script type="module">
  import textDimensions from 'https://cdn.skypack.dev/text-dimensions';
</script>

README

text-dimensions

Performant Calculation of the width and height of a text string using canvas (OffscreenCanvas if it is supported).

Installation

npm install text-dimensions

or

yarn add text-dimensions

Usage

import TextDimensions from 'text-dimensions';

const dimensions = new TextDimensions('bold 12pt arial');

const { height, width } = dimensions.measureText('text-dimensions');

console.log('Width of text', width);
console.log('height of text', height);

// cleanup
dimensions.clean();

Methods

  • .measureText(text: string, font?: string): return an object having the height and width of the text string.
  • .clean(): removes the canvas from the DOM if it was added.

License

MIT