Adobe Animate HTML/Canvas is changing dynamic my text fields setTransform property on export, causing the text to change position.

[180_skills078212728]

I have been noticing that my dynamic text fields are not showing up where they are supposed to be.

For example:

I have a dynamic text field on the stage. It's X and Y are X=280 and Y=20 when viewing the dynamic text fields properties via the Animate properties panel.

After I export, and find that text box in the exported JS file. The text fields setTransform X and Y values have been altered by 2.

So instead of reading

this.intro_txt.setTransform(280,20);

it actually reads

this.intro_txt.setTransform(282,22);

I can manually modify the value of X and Y to get it to line up where it needs to go, but solution is way too tedious to be an option.

I could also modify where the text is placed on the stage, but then I'll run into an issue of the text being off if this is indeed a software bug that is fixed.

I can't figure out why this is happening.

Thoughts?

[ClayUUID]

You don't have smart layers or the camera enabled, do you?

[180_skills078212728]

No. I am not using Advanced layers. The camera is not enabled.

Essentially you can easily recreate the same issue.

Create a new blank canvas doc. Create a simple dynamic text field. Place it at (0,0). Export and look in the js code to see if the box has it's setTransform at (0,0) or (2,2).

It exports as (2,2) for me.

I can't figure out why.

[ClayUUID · Accepted solution]

I see what you mean. That's odd. I guess positioning of canvas text varies so much between browsers that I never noticed before. It's not really possible to do precise text positioning that will look the same on all browsers.