width of text.getChildAt

Hi.

You can get the width of a single letter by:

1 - Saving the original text string in a variable or property;

2 - Setting the text field's text property value to the letter you wish;

3 - Using the getMeasuredWidth method to get the width of the text field that now has only one letter;

4 - Restoring the original text using the value stored previously.

Like this:

var textField = this.txt;
var originalText = textField.text;
var letterWidth;

textField.text = textField.text[10];
letterWidth = textField.getMeasuredWidth();
textField.text = originalText;

console.log(letterWidth);

Please let us know if you have any further questions.

Regards,

JC

Are you thinking that getChildAt() is getting the 10th character of a textfield? No. That tries to get the 10th child symbol of the parent clip.

There is no way to get the metrics of individual characters in a textfield.

Height isn't working because there is no such property for textfields.

Read the documentation: https://www.createjs.com/docs/easeljs/classes/Text.html