Redimensionnement image (Canvas.dataToUrl)

Bonjour à tous,

Je développe un jeu vidéo en HTML5 et j'ai remarqué qu'il était beaucoup plus performant d'afficher directement l'image plutôt que de l'afficher en la scalant avec drawImageScaled.

Pour redimensionner mes images, je les dessine scalées dans un canvas et je récupère la version redimensionnée avec canvas.dataToUrl. (ce qui marche très très bien).

Le seul ennui (et c'est la raison de ma question), c'est que cela ne fonctionne pas si je lance la page html directement sur mon pc (ou si je la lance en local sur mon Android en mode App' Hybride (application corona qui ouvre ma page html)).

J'ai l'erreur suivante :

Citation:

---

SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': tainted canvases may not be exported.

---

Je me suis renseigné et apparemment l'erreur intervient quand le domaine de l'image n'est pas le même que le domaine de la page html, sauf que les 2 sont en local sur mon disque dur...

Auriez vous une idée pour passer outre ce soucis ?

Merci

Les règles de sécurité ne sont pas les mêmes sur un serveur que sur le système de fichiers.
Essaye de lancer ta page depuis un serveur local (type Wamp).

Sinon, certains EDI (par exemple WebStorm) permettent d'ouvrir des pages dans le navigateur depuis leur propre serveur local, c'est beaucoup plus fiable et pratique pour les tests.

Merci de ta réponse, mais justement je ne l'avais pas précisé mais cela fonctionne si je passe par "localhost". (ou si j'exécute direct par l'edi de dart).

Mais si je parlais du fait que cela ne fonctionne pas si je lance directement par l'explorateur de fichier c'est que je pense que le soucis doit être le même sur Android (vu que j'ai la même erreur dans les log' adb).

J'ai trouvé une solution pour android, il faut compiler l'html5 en passant par phonegap, et ainsi le canvas.dataToUrl fonctionne.
Il doit surement l'exécuter par un serveur local derrière. :ccool:

utilise firefox qui na pas cette restriction.