Canvas tainted by cross-origin data

by

You cannot reset the crossOrigin flag once it is tainted, but if you know before hand what the image is you can convert it to a data url, see Drawing an image from a data URL to a canvas

But no, you cannot and should not be using getImageData() from external sources that don’t support CORS

More Related Contents:

  1. How does Access-Control-Allow-Origin header work?
  2. Origin is not allowed by Access-Control-Allow-Origin
  3. Why does canvas.toDataURL() throw a security exception?
  4. canvas.toDataURL() SecurityError
  5. CORS error on same domain?
  6. Cross-origin data in HTML5 canvas
  7. Firefox ‘Cross-Origin Request Blocked’ despite headers [closed]
  8. Understanding AJAX CORS and security considerations
  9. Is CORS a secure way to do cross-domain AJAX requests?
  10. Javascript module not working in browser?
  11. Cross-domain requests stopped working due to no `Access-Control-Allow-Origin` header present in the response
  12. How does the ‘Access-Control-Allow-Origin’ header work?
  13. Cross-domain connection in Socket.IO
  14. Origin null is not allowed by Access-Control-Allow-Origin
  15. CORS Error: “requests are only supported for protocol schemes: http…” etc
  16. How to draw an inline svg (in DOM) to a canvas?
  17. How do I send an AJAX request on a different port with jQuery?
  18. MediaStream Capture Canvas and Audio Simultaneously
  19. javascript access parent DOM across domains?
  20. Convert SVG to PNG with applied images as background to svg elements
  21. How do I implement Cross Domain URL Access from an Iframe using Javascript?
  22. Best way to detect that HTML5 is not supported
  23. Use as a CSS background
  24. Catching an Access-Control-Allow-Origin error in JavaScript
  25. Drawing a rectangle using click, mouse move, and click
  26. How to pixelate an image with canvas and javascript
  27. Cannot load Deezer API resources from localhost with the Fetch API
  28. HTML5 Canvas Performance and Optimization Tips, Tricks and Coding Best Practices [closed]
  29. Creating a Clickable Grid in a Web Browser
  30. HTML5 Canvas: Get Event when drawing is finished

Leave a Comment