Foros del Web » Programando para Internet » Javascript »

Girar imagenes en iceweasel

Estas en el tema de Girar imagenes en iceweasel en el foro de Javascript en Foros del Web. Hola amigos. Después de devanarme los sesos y bucear por el foro (que me ha ayudado mucho) he llegado a un punto muerto. Tengo una ...
  #1 (permalink)  
Antiguo 29/11/2011, 10:41
 
Fecha de Ingreso: noviembre-2011
Mensajes: 1
Antigüedad: 13 años
Puntos: 0
Girar imagenes en iceweasel

Hola amigos.

Después de devanarme los sesos y bucear por el foro (que me ha ayudado mucho) he llegado a un punto muerto.

Tengo una función javascript que gira una imagen a unos grados dados. Funciona correctisimamente en Firefox, opera, etc... donde no me funciona y es donde más me interesa es en iceweasel de linux.

Si alguien caritativo me podría orientar donde buscar el "trasform" al que hace caso iceweasel se lo agredeceria.

Gracias, Gracias de antemano.

Código:
function rotate(angle){
	
    if (angle >= 0) {
        var rotation = Math.PI * angle / 180;
    } else {
        var rotation = Math.PI * (360+angle) / 180;
    }
    var costheta = Math.cos(rotation);
    var sintheta = Math.sin(rotation); 
    if(!window.ActiveXObject){
        this.style.position='relative';
        var width = Math.abs(costheta*this.offsetWidth)+Math.abs(sintheta*this.offsetHeight);
        var height = Math.abs(costheta*this.offsetHeight) + Math.abs(sintheta*this.offsetWidth);
        this.style.left=-(this.offsetWidth-width)/2+'px';
        this.style.top=-(this.offsetHeight-height)/2+'px';
        
this.style.WebkitTransform ='rotate('+angle+'deg)';   
        this.style.MozTransform='rotate('+angle+'deg)'; 
        this.style.OTransform='rotate('+angle+'deg)';
        this.style.transform='rotate('+angle+'deg)';
	this.style.msTransform='rotate('+angle+'deg)';
		
    }else{
       
this.style.filter="progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand')";
        this.filters.item(0).M11 = costheta;
        this.filters.item(0).M12 = -sintheta;
        this.filters.item(0).M21 = sintheta;
        this.filters.item(0).M22 = costheta; 
		
    }
}
  #2 (permalink)  
Antiguo 29/11/2011, 11:46
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 6 meses
Puntos: 1485
Respuesta: Girar imagenes en iceweasel

buenas,
lo primero es determinar si el navegador esta basado en algún motor. en efecto, iceweasel no es otra cosa que firefox pero sin los productos que no son libres y con otro branding. por tanto, debes usar las propiedades que son compatibles para firefox. sin embargo, debes considerar otros aspectos. por ejemplo, ¿cómo realmente funciona iceweasel a nivel de procesos? es decir, si la aplicación utiliza dependencias basada en la versión de firefox instalada en el OS. otro factor, ¿cuan constante se actualiza iceweasel? pues parece que estas usando propiedades de CSS3. es más que obvio que si el navegador no esta bastante actualizado mucha de las tecnologias reciente no estarán disponible.

dicho eso, hice una prueba en ubuntu10.04 y me he fijado que dichas propiedades no estan disponible para iceweasel. tambien puede ser la versión que me descargue, iceweasel_1.5.0.8pre-2.deb.

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.

Etiquetas: funcion, girar, imagenes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:39.