![](https://i.gyazo.com/7fd2eaa5434ed0ee9d2b087cc9fe89c0.png)
Y lo que me pasa es que rota desde el punto central de la imagen:
![](https://i.gyazo.com/cecb5e19a0d8c9dec70081ad52d26aa4.png)
¿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: |