Highlighted

Background not rendering for HTML canvas in browser

Community Beginner ,
Mar 17, 2020

Copy link to clipboard

Copied

My interactive figure for a website has a background that does not load along with the rest of the figure when the website is loaded the first time. When refreshing, the background loads as normal. The strange thing is that this suddenly started happening with the latest version, whereas previous versions have worked perfectly without this issue.

Some posts on other forums suggested the issue is that the background image is not initiated before the canvas is loaded. I'm not great with HTML, hence why I use Animate,  so I can't find any clues in the code that relates to this. The image used for the background is "MasterfigurKlima2050_20150318". Link for the code (HTML with JS included): https://pastebin.com/qcKV1fK6

 

Any advice would be much appreciated!

Adobe Community Professional
Correct answer by kglad | Adobe Community Professional

in your publish settings, change how your exporting image assets.

 

Screenshot - 3_17_2020 , 11_55_13 AM.png

Views

56

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Background not rendering for HTML canvas in browser

Community Beginner ,
Mar 17, 2020

Copy link to clipboard

Copied

My interactive figure for a website has a background that does not load along with the rest of the figure when the website is loaded the first time. When refreshing, the background loads as normal. The strange thing is that this suddenly started happening with the latest version, whereas previous versions have worked perfectly without this issue.

Some posts on other forums suggested the issue is that the background image is not initiated before the canvas is loaded. I'm not great with HTML, hence why I use Animate,  so I can't find any clues in the code that relates to this. The image used for the background is "MasterfigurKlima2050_20150318". Link for the code (HTML with JS included): https://pastebin.com/qcKV1fK6

 

Any advice would be much appreciated!

Adobe Community Professional
Correct answer by kglad | Adobe Community Professional

in your publish settings, change how your exporting image assets.

 

Screenshot - 3_17_2020 , 11_55_13 AM.png

Views

57

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Mar 17, 2020 0
Adobe Community Professional ,
Mar 17, 2020

Copy link to clipboard

Copied

in your publish settings, change how your exporting image assets.

 

Screenshot - 3_17_2020 , 11_55_13 AM.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 17, 2020 0
Community Beginner ,
Mar 26, 2020

Copy link to clipboard

Copied

It is already set to export as texture

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 26, 2020 0
Adobe Community Professional ,
Mar 26, 2020

Copy link to clipboard

Copied

again, try changing it.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 26, 2020 0
Community Beginner ,
Mar 29, 2020

Copy link to clipboard

Copied

My apologies, I misunderstood your advice as "change to export as texture". Changed to export images as spritesheets and that seems to have fixed it! Thanks for the help 🙂

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 29, 2020 0
kglad LATEST
Adobe Community Professional ,
Mar 29, 2020

Copy link to clipboard

Copied

you're welcome.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 29, 2020 0