Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/05/2013, 15:52
jjap_unefa
 
Fecha de Ingreso: febrero-2012
Mensajes: 22
Antigüedad: 12 años, 9 meses
Puntos: 0
Pregunta Problema con Canvas Excepcion 18

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.....!!!!!! :)