Skip to main content
Participating Frequently
May 21, 2019
Answered

HTML Export with SVG Images

  • May 21, 2019
  • 2 replies
  • 855 views

Hi there,

Decided to give Adobe Animate a go (so not an expert). I got my web banner working how I want it to within Animate, however when I export it's doing strange things.

At first,it worked using the default setting, but went back to fix a tween and now the html doesn't work and the image folder has only a weird png image (see screenshot). So not quite sure what I'm doing wrong. If someone could please help would be great.

Thanks in Advance

Anton

This topic has been closed for replies.
Correct answer kdmemory

Hi Anton

Thanks for answering. As a matter of interest, how did you previously build your web banners?

Regarding the test routine from Animate with CMD + ENTER. When you are working on something in Animate and you want to test your HTML5 Canvas project in a browser, go in the menu to Control > Test. Animate then publishes your HTML and JS according to your Publish Settings and instantiates your local web server. You can see the quasi universal IP address (127.0.0.1) in the URL bar of your browser. This is often better than to "drop that export into web browser to test", whatever that precisely means.

Klaus

2 replies

kdmemory
Inspiring
May 21, 2019

Hi Anton

I wouldn't say that using Publish Settings > Export document as texture is always wrong when working with text. There are cases when text is better static and published as raster (texture-atlas). I.e. if one needs precise positioning of text snippets in buttons and areas. Like in game scenarios. And the above screenshot of your texture-atlas looks like it.

However, you say ".. but went back to fix a tween and now the html doesn't work".

What means "doesn't work"?

  • Do you test from Animate with ctrl/cmd + enter?
  • What do you see? Just a blank screen?
  • What does your browser console say? Any error messages there?

Klaus

Joseph Labrecque
Community Expert
Community Expert
May 21, 2019

Note that I never said it was always wrong - just a troubleshooting step. I have had issues myself of this nature.

Joseph Labrecque
Community Expert
Community Expert
May 21, 2019

Did you play with any publish settings? The image you see is a texture atlas and for HTML5 Canvas projects, this is created by default now. I'd suggest trying it with that option unchecked - especially when using text.

Participating Frequently
May 22, 2019

Thanks Joesph, I have been playing around with the settings, with no luck. I decided to revert how I previously did banners. Thanks for trying to help.