SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported – JavaScript CANVAS_TAINTED_CROSS_ORIGIN

CANVAS_TAINTED_CROSS_ORIGIN

Disegnare su un elemento <canvas> un'immagine proveniente da un dominio remoto privo di autorizzazioni CORS 'contamina' (taints) il contesto grafico, impedendo per motivi di privacy la lettura dei pixel con 'toDataURL()' o 'getImageData()'.

Cosa significa questo errore?

Disegnare su un elemento <canvas> un'immagine proveniente da un dominio remoto privo di autorizzazioni CORS 'contamina' (taints) il contesto grafico, impedendo per motivi di privacy la lettura dei pixel con 'toDataURL()' o 'getImageData()'.

Messaggio originale

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

Contesto e parole chiave

Alias

  • Tainted canvases may not be exported SecurityError toDataURL

Messaggi alternativi

  • canvas contaminato da immagine cross origin toDataURL

Prodotti

  • JavaScript Engine (V8, SpiderMonkey, JavaScriptCore) / Web API

Piattaforme

  • Bun
  • Deno
  • Node.js
  • Qualsiasi Browser Web

Parole chiave

  • DOM e Web API
  • ecmascript
  • errore-javascript-canvas-tainted-cross-origin
  • javascript
  • javascript.dom.canvas-tainted-cross-origin-todataurl
  • js

Cause possibili

Causa tecnica per Errore JavaScript Canvas: Tainted canvases may not be exported (Canvas Contaminato)

Disegnare su un elemento <canvas> un'immagine proveniente da un dominio remoto privo di autorizzazioni CORS 'contamina' (taints) il contesto grafico, impedendo per motivi di privacy la lettura dei pixel con 'toDataURL()' o 'getImageData()'.

molto comune

Diagnosi

Diagnostica in console browser per Errore JavaScript Canvas: Tainted canvases may not be exported (Canvas Contaminato)

Aprire la Console degli Strumenti per Sviluppatori (F12) o verificare l'output di esecuzione Node.js per analizzare lo stack trace.

Come leggere il risultato. Indica il file sorgente esatto e la riga di codice in cui si è verificata l'eccezione o il type error.

terminal
node --trace-warnings app.js

Risoluzione

Risoluzione standard per Errore JavaScript Canvas: Tainted canvases may not be exported (Canvas Contaminato)

Difficoltà: facileRischio: basso

Applicare la correzione al codice sorgente JavaScript conforme agli standard ECMAScript moderni.

  1. Ispezionare la riga evidenziata nella console degli errori
  2. Applicare optional chaining (?.) o gestione condizionale dei valori null/undefined
  3. Ricaricare la pagina o riavviare il processo per verificare la scomparsa dell'errore

Domande frequenti

Come risolvere l'errore Errore JavaScript Canvas: Tainted canvases may not be exported (Canvas Contaminato) in JavaScript?

Disegnare su un elemento <canvas> un'immagine proveniente da un dominio remoto privo di autorizzazioni CORS 'contamina' (taints) il contesto grafico, impedendo per motivi di privacy la lettura dei pixel con 'toDataURL()' o 'getImageData()'.

Approfondimenti

Schede correlate