Adobe Animate Javascript - How to vertically center dynamic text?

Question

Adobe Animate CC
Javascript

Does anyone know how to vertically center text in a dynamic text box in Adobe Animate when using Javascript? Not to be confused with vertically centering text in HTML with CSS.

This doesn't work:

myTextBox.style.display="table-cell";
myTextBox.style.verticalAlign="middle";

Possible duplicate of [Vertically align text in a div](http://stackoverflow.com/questions/2939914/vertically-align-text-in-a-div) — Endless, Oct 25 '16 at 21:21
So `myTextBox` is not HTML? and you didn't tag the question with HTML5? — Endless, Oct 25 '16 at 21:39
myTextBox is an object on the Adobe Animate stage. I should not have tagged this with HTML5 - tag removed. Sorry. — Dave Schuette, Oct 25 '16 at 21:43

score 0 · Answer 1 · edited Apr 23 '18 at 21:04

0

Assuming that your textbox is on the stage (not embedded in a MovieClip), you can vertically align a textbox by updating its y position. To do so, you must get a reference to the stage's height and divide this value by 2.

For example:

this.stop();

this.myTextBox.y = (stage.canvas.height) / 2;

edited Apr 23 '18 at 21:04

Chris

4,186
11
44
79

answered Apr 23 '18 at 21:03

dommiDom

11
3

Adobe Animate Javascript - How to vertically center dynamic text?

1 Answers1