PixiJS

Class: TextMetrics

PIXI.TextMetrics

The TextMetrics object represents the measurement of a block of text with a specified style.

let style = new PIXI.TextStyle({fontFamily : 'Arial', fontSize: 24, fill : 0xff1010, align : 'center'})
let textMetrics = PIXI.TextMetrics.measureText('Your text', style)

new PIXI.TextMetrics (text, style, width, height, lines, lineWidths, lineHeight, maxLineWidth, fontProperties)

TextMetrics.js:14
Name Type Description
text string

the text that was measured
style PIXI.TextStyle

the style that was measured
width number

the measured width of the text
height number

the measured height of the text
lines Array.<string>

an array of the lines of text broken by new lines and wrapping if specified in style
lineWidths Array.<number>

an array of the line widths for each line matched to lines
lineHeight number

the measured line height for this style
maxLineWidth number

the maximum line width for all measured lines
fontProperties Object

the font properties object from TextMetrics.measureFont

Members

PIXI.TextMetrics.BASELINE_MULTIPLIER number static

Baseline multiplier for calculate font metrics.

Default Value:
  • 1.4

PIXI.TextMetrics.BASELINE_SYMBOL string static

Baseline symbol for calculate font metrics.

Default Value:
  • M

PIXI.TextMetrics.METRICS_STRING string static

String used for calculate font metrics. These characters are all tall to help calculate the height required for text.

Default Value:
  • |ÉqÅ

fontProperties PIXI.IFontMetrics

The font properties object from TextMetrics.measureFont

height number

The measured height of the text

lineHeight number

The measured line height for this style

lines Array.<string>

An array of lines of the text broken by new lines and wrapping is specified in style

lineWidths Array.<number>

An array of the line widths for each line matched to lines

maxLineWidth number

The maximum line width for all measured lines

style PIXI.TextStyle

The style that was measured

text string

The text that was measured

width number

The measured width of the text

Methods

PIXI.TextMetrics.clearMetrics (font) static

TextMetrics.js:680

Clear font metrics in metrics cache.

Name Type Description
font string optional

font name. If font name not set then clear cache for all fonts.

PIXI.TextMetrics.measureFont (font)PIXI.IFontMetrics static

TextMetrics.js:576

Calculates the ascent, descent and fontSize of a given font-style

Name Type Description
font string

String representing the style of the font
Returns:
Type Description
PIXI.IFontMetrics Font properties object

PIXI.TextMetrics.measureText (text, style, wordWrap, canvas)PIXI.TextMetrics static

TextMetrics.js:102

Measures the supplied string of text and returns a Rectangle.

Name Type Description
text string

the text to measure.
style PIXI.TextStyle

the text style to use for measuring
wordWrap boolean optional

optional override for if word-wrap should be applied to the text.
canvas HTMLCanvasElement optional

optional specification of the canvas to use for measuring.
Returns:
Type Description
PIXI.TextMetrics measured width and height of the text.