While this script successfully runs on Chrome, Safari, and Firefox for both Windows and Mac operating systems, it encounters a security error when used on IE 11.
Is there a solution available to extract image data from the canvas after applying a texture from an external domain?
The image in question has cross-origin enabled.
<body><canvas id="mycanvas"></canvas>
var ctx = document.getElementById('mycanvas').getContext('2d');
var img = new Image();
img.crossOrigin = 'anonymous';
img.src = 'http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50';
img.onload = function () {
var ptrn = ctx.createPattern(img, 'repeat');
ctx.fillStyle = ptrn;
ctx.fillRect(0, 0, 150, 150);
var inData = ctx.getImageData(0, 0, 150, 150)
}