Closed Bug 1291281 Opened 8 years ago Closed 4 years ago

Provided examples don't work in Codepen/JSFiddle due to CORS issues

Categories

(Developer Documentation Graveyard :: API: Miscellaneous, defect, P5)

Product:
Developer Documentation Graveyard
Component:
API: Miscellaneous
Platform:
All
Other
Type:
defect

Tracking

(Not tracked)

Status:
RESOLVED WONTFIX

People

(Reporter: massimo.santini, Unassigned)

References

(
URL
)

Details

:: Developer Documentation Request

      Request Type: Correction
     Gecko Version: unspecified
 Technical Contact: 

:: Details

The examples provided on https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas don't work once opened with Codepen/JSFiddle due to a security exception 

pen.js:25 Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.

This could be fixed setting 

img.crossOrigin = 'Anonymous';

but the current image https://mdn.mozillademos.org/files/5397/rhino.jpg is served by a served not configured with

Access-Control-Allow-Methods:GET
Access-Control-Allow-Origin:*

so that the above fix does not actually work.
MDN Web Docs' bug reporting has now moved to GitHub. From now on, please file content bugs at https://github.com/mdn/sprints/issues/ and platform bugs at https://github.com/mdn/kuma/issues/.
Status: UNCONFIRMED → RESOLVED
Closed: 4 years ago
Resolution: --- → WONTFIX
You need to log in before you can comment on or make changes to this bug.