Animate cc HTML5 canvas cropped on IOS

Question

I have an interactive piece created in Animate CC and exported to HTML5 canvas. In the publish settings I've checked all of the appropriate boxes (scale to fill visible area, fit in view and make responsive). The content displays fine on Android, Desktop and on my Mac but when viewed on an iPhone, the canvas appears to overflow on the right hand side, thereby cropping the content. Is there a fix I can apply to the code generated by Animate CC?

kglad · Accepted Answer

CreateJS and HTML5 Canvas: resize, fullscreen and liquid layouts — Fabio Biondi

julianc31943986 · Answer

I am getting this same problem too, in 2022 almost 5 years later.

The link in "correct answer" is broken and therefore does not help.

I made a test file with nothing in it and no animation going on, just a canvas, 1350 x 1000, with a few shapes to mark where the corners were. The top and bottom are both cropped off on my ipad.

I should add - it is fine in Safari and FF, these problems are only occurring in Chrome. I've attched a screenshot of my publish settings, in case I have something wrong there.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.