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