Je souhaite charger une image sur <canvas>中，以便我可以使用getImageData() sur mon ordinateur portable. J'utilise javascript dans un fichier .html local. Il ne s’agit pas d’un projet en direct orienté Web, juste d’un projet personnel.

Lorsque j'ai essayé de faire cela, j'ai rencontré l'erreur : Uncaught DOMException : échec de l'exécution de 'getImageData' sur 'CanvasRenderingContext2D' : le canevas a été entaché de données d'origine croisée. sur Image.loadedImage.

Quel est le moyen le plus simple de résoudre ce problème ? Je pense J'aurais peut-être installé un serveur Apache dans le passé pour résoudre ce problème ! Je viens d'essayer hfs mais cela n'a pas résolu le problème.

Veuillez noter que ce problème ne peut pas être résolu en img.crossOrigin = "Anonymous"ou en exécutant Firefox comme suggéré par d'autres réponses obsolètes à des questions connexes.