Copy link to clipboard
Copied
Is it possible to have text in a dynamic textfield vertically centered? I wish to have the text vertically centered on a colored rectangle. Sometimes that text will have 1 line and sometimes 2. So I was wondering if there was a way to have that textfield vertically centered on that rectangle to no matter what that text will always be in the center of that shape?
CreateJS has a getMeasuredHeight() function. If you have a dynamic textfield named "tt", and a movieclip named "line" (that is just a thin stroke), this script would center the text on the line:
this.tt.text = "hello world";
//this.tt.text = "hello world how are you doing today isn't it nice weather";
var theight = this.tt.getMeasuredHeight();
this.tt.y = this.line.y - theight / 2;
Try uncommenting the second line to see the effect.
Copy link to clipboard
Copied
Specify AS3 or Canvas.
Copy link to clipboard
Copied
In HTML5 Canvas
Copy link to clipboard
Copied
CreateJS has a getMeasuredHeight() function. If you have a dynamic textfield named "tt", and a movieclip named "line" (that is just a thin stroke), this script would center the text on the line:
this.tt.text = "hello world";
//this.tt.text = "hello world how are you doing today isn't it nice weather";
var theight = this.tt.getMeasuredHeight();
this.tt.y = this.line.y - theight / 2;
Try uncommenting the second line to see the effect.
Copy link to clipboard
Copied
Appreciate your answer @Colin Holgate , I've been looking for a solution for two days now. Thank you.