Foros del Web » Programando para Internet » Javascript »

Rotacion de una imagen sobre un punto fijo

Estas en el tema de Rotacion de una imagen sobre un punto fijo en el foro de Javascript en Foros del Web. Quiero rotar una imagen sobre un punto fijo tal que asi: Y lo que me pasa es que rota desde el punto central de la ...
  #1 (permalink)  
Antiguo 18/01/2016, 08:56
 
Fecha de Ingreso: diciembre-2011
Mensajes: 32
Antigüedad: 12 años, 11 meses
Puntos: 0
Rotacion de una imagen sobre un punto fijo

Quiero rotar una imagen sobre un punto fijo tal que asi:



Y lo que me pasa es que rota desde el punto central de la imagen:



¿Alguna idea?

La rotacion la hago segun la posicion del cursor.
  #2 (permalink)  
Antiguo 18/01/2016, 09:05
 
Fecha de Ingreso: junio-2011
Mensajes: 289
Antigüedad: 13 años, 5 meses
Puntos: 15
Respuesta: Rotacion de una imagen sobre un punto fijo

Podrías poner tu código para intentar replicar el problema?
  #3 (permalink)  
Antiguo 18/01/2016, 09:29
 
Fecha de Ingreso: diciembre-2011
Mensajes: 32
Antigüedad: 12 años, 11 meses
Puntos: 0
Respuesta: Rotacion de una imagen sobre un punto fijo

Cita:
Iniciado por ZedGe1505 Ver Mensaje
Podrías poner tu código para intentar replicar el problema?
El codigo javascript:
Código:
	function position(event){
		var x = event.clientX;
		var y = event.clientY;
		var mousePositions = document.getElementById('mousePositions');
                //(ESTO LO TENGO PARA VER LAS COORDENADAS DEL RATON)
		mousePositions.innerHTML = 'X coords: '+x+', Y coords: '+y; 
         	rotateAnimation(x);

	}
	function rotateAnimation(angle){
		var elem = document.getElementById("imgcursor1");
		elem.style.WebkitTransform = "rotate("+angle+"deg)";
	}
Con esto consigo rotar la imagen asi:


Etiquetas: fijo, punto, rotacion
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 14:00.