
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.
| |||
| 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. |
| |||
| Respuesta: Rotacion de una imagen sobre un punto fijo El codigo javascript:
Código:
Con esto consigo rotar la imagen asi:
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)";
}
|
| Etiquetas: |