jquery faire glisser et tourner à l'angle de
Je suis à l'aide de jQuery UI glisser-déposer d'une image. Je veux également faire pivoter l'image à 360 degrés, donc je peux me déplacer et faire pivoter comme dans Photoshop. Je suis l'aide de la jQuery tourner plugin pour faire pivoter l'image de la souris, mais je veux sélectionner un coin et faites-la glisser pour faire pivoter l'image à n'importe quel angle.
Vivre JS: http://jsfiddle.net/87jaR/
Code JavaScript:
var test = 5;
$(function()
{
$('#rotate').draggable({ containment: 'frame' });
$('#frame img').live('mousedown', function(event)
{
test = test + 15;
$(this).rotate({ angle: test });
});
});
OriginalL'auteur r1400304 | 2011-04-13
Vous devez vous connecter pour publier un commentaire.
Pls vérifier auprès de celui-ci, Violon http://jsfiddle.net/prasanthkc/frz8J/
})
1) Ici
deg
signifiedegree
, Soit vous pouvez utiliserrad
pourradians
2) Vous pouvez modifier la rotation de point en changeant
transform-origin
Pour Eg:
transform-origin: 50% 50%
de déplacer la rotation du point de centre.et ce qui est " deg " dans le code?
acronyme de "degrés", vous pouvez aussi utiliser les valeurs dans " radians à l'aide de 'rad'.
vous êtes à la recherche pour faire tourner un cercle à partir de son centre? dans l'affirmative, de définir la valeur de transformer l'origine de 50% de 50% sera de faire le travail
Il convient de rappeler que le premier argument de
Math.atan2
devrait effectivement être le y-coord et la seconde, le x-coord (src). Aussi, l'-10 représente le corps de la marge.OriginalL'auteur Prasanth K C
cela fonctionne pour moi. http://plnkr.co/edit/xaCWl9Havv1ow7bhMTf2?p=preview
OriginalL'auteur fatlinesofcode
Je vais laisser ça ici au cas où quelqu'un d'autre avait les mêmes problèmes que j'ai fait:
Les réponses ici sont bonnes, mais si vous voulez qu'il fonctionne sur des appareils mobiles et IE <10, vous avez besoin d'une bibliothèque. Il m'a fallu environ 1 semaine pour le trouver et il fait le travail.
lien de la bibliothèque
OriginalL'auteur Stan George
J'ai besoin d'une fonction similaire pour un projet, mais le mien fonctionne également sur les appareils tactiles comme l'iPad ou les Tablettes Android:
http://jsfiddle.net/C3tuD/46/
Vous avez besoin de jQuery et d'une bibliothèque pour la rotation que vous pouvez trouver ici, puis l'activer via
$("#ObjectToBeRotated").rotateAble();
Code Source:
JqueryRotate.js
résultats dans404
Semble comme ils ont déplacé le projet: jqueryrotate.com
OriginalL'auteur dersimn
Ce n'est pas possible en JavaScript pour tourner à n'importe quel angle. Cela est possible dans IE que MS a mis en place un contrôle activeX dans IE, mais pas un navigateur croix de solution.
De toute façon Si vous êtes toujours intéressé à investir votre temps, vous pouvez utiliser le SVG qui est capable de toute sorte de cette tâche, mais encore il a du navigateur croix de problèmes. IE6/7/8 n'a pas de SVG mis en œuvre, même si u peut utiliser ChromeFrame projet google pour résoudre ce problème ou si vous pouvez trouver tout SVG plugin pour IE.
OriginalL'auteur Mamoon ur Rasheed