Problema con Canvas Excepcion 18

[jjap_unefa]

Hola a todos, tengo el siguiente código de JavaScript estoy tratando de copiar una imagen en el canvas pero como es muy grande (para el canvas), le doy otro tamaño con las propiedades del objeto canvas. el problema esta en que me sale el siguiente error: No es posible obtener datos de imagen del lienzo, porque la tela se ha visto empañada por los datos a través del origen.

Error no detectada: SecurityError: DOM Excepción 18

Código:

var imgWidth, imgHeight, datosPrim;
$(document).on('ready',function(){

	var canvas= document.getElementById('miCanvas');
	
	if (canvas.getContext){
	
		var ctx=canvas.getContext('2d');
		var img= new Image();
		img.src='ima/dragon.jpg';

                //cuando se carga la imagen ejecuta
		img.onload= function(){
			imgWidth= this.width;
			imgHeight= this.height;

//cambia el tamaño del canvas
			canvas.width= imgWidth/2;
			canvas.height= imgHeight/2;
	
//copia la imagen que esta dentro del canvas 
			ctx.drawImage(this,0,0,imgWidth/2,imgHeight/2);

//obtener la infomación de cada pixel	de la Imagen. Es aqui donde me da error

			var datosImagen= ctx.getImageData(0,0,imgWidth/2,imgHeight/2);
			
			datosPrim=datosImagen.data;
		
		};
	}
});

Espero puedan ayudarme.....!!!!!! :)

[Tecna]

Buenas,

el problema que comentas no creo que tenga nada que ver con el tamaño de la imagen, esa excepción se produce cuando se está intentado acceder a un recurso de otro dominio. Se arregla copiando la imagen al mismo dominio, o puedes probar crossOrigin.

[jjap_unefa]

Hola gracias por responder.... Estuve investigando y pobre que ese error me da solo en google chrome lo probe en Firefox y Safari. Podrias, por favor decirme un ejemplo de como usar crossOrigin para poder usarlo en google chrome