Skip to main content
Participant
January 5, 2019
Answered

tainted canvas problem

  • January 5, 2019
  • 2 replies
  • 2702 views

Hi guys, im producing now ad campaign and met problem on my new MacBook Pro with macOS mojave.

when I just creating the ad an testing it pressing cmd + enter everything work fine

but if I publish final material by pressing publish and open it from folder in browser - canvas was not playing and console have this problem:

createjs-2015.11.26.min.js:14 Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

how to fix it? when I work before I never get this. It's important for me to get availability to play canvas ad by open it from folder in browser (because client check ads with that mechanic)

thx Alex

    This topic has been closed for replies.
    Correct answer kdmemory

    Hi

    when you test from Animate CC by pressing cmd+Enter, Animate applies a local web server with the IP address 127.0.0.1. This is your MacOS integrated localHost. You can see that in the browser's URL which is something like this:

    http://127.0.0.1:8090/link.html?64581222 [loaded via Hypertext-Transfer-Protocol (http)]

    The same link.html after publishing and opened from a folder goes URL-wise like this:

    file:///Users/USER/Desktop/forum/linkage/link.html (loaded via local file protocol)

    Probably you're accessing some data (i.e. images) from the local harddisk via javascript, which works fine when running under http, but there's a security issue when accessed locally. Like some website attempting to access your local files.

    If you search for Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported, you'll find quite a lot of problems of this kind reported by other developers.

    For your client, you could put all your ads to a temporary web location for demo purposes.

    Klaus

    2 replies

    Participant
    September 18, 2019

    Hi
    Make sure that all the images on your library in Animate, that you are going to use on your animation, are located in the same root folder where your .fla file situated.
    If you call one image from a different folder, located in your computer, probably you'll get this kind of message. 

    kdmemory
    kdmemoryCorrect answer
    Inspiring
    January 7, 2019

    Hi

    when you test from Animate CC by pressing cmd+Enter, Animate applies a local web server with the IP address 127.0.0.1. This is your MacOS integrated localHost. You can see that in the browser's URL which is something like this:

    http://127.0.0.1:8090/link.html?64581222 [loaded via Hypertext-Transfer-Protocol (http)]

    The same link.html after publishing and opened from a folder goes URL-wise like this:

    file:///Users/USER/Desktop/forum/linkage/link.html (loaded via local file protocol)

    Probably you're accessing some data (i.e. images) from the local harddisk via javascript, which works fine when running under http, but there's a security issue when accessed locally. Like some website attempting to access your local files.

    If you search for Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported, you'll find quite a lot of problems of this kind reported by other developers.

    For your client, you could put all your ads to a temporary web location for demo purposes.

    Klaus