Comment puis-je obtenir la valeur « -moz-transform:rotate » à l'aide de jQuery ?

Obtention de la valeur -moz-transform:rotate à l'aide de jQuery

Cette question aborde le défi de l'extraction de la valeur de rotation actuelle appliquée à un HTML élément utilisant jQuery. Le style CSS fourni comprend plusieurs déclarations de transformation avec la même valeur d'angle de rotation.

Réponse :

La solution fournie propose une fonction qui récupère la valeur de rotation numérique appliquée à n'importe quel Élément HTML, qu'il utilise ou non la propriété de transformation -webkit-, -moz-, -ms-, -o- ou standard. Voici un aperçu de l'approche :

1. Analyser la matrice de transformation : La fonction récupère d'abord la valeur de la propriété -webkit-transform (ou l'une de ses variantes) à l'aide de jQuery méthode css(). Si aucune rotation n'est appliquée à l'élément, il renvoie « aucune ».
2. Extraire l'angle de rotation : Si la valeur récupérée n'est pas « aucune », la fonction extrait l'angle de rotation à l'aide de certains manipulation matricielle. Il divise la matrice en ses composants, puis calcule l'angle à l'aide de la fonction atan2().
3. Gérer les angles négatifs : Pour garantir que l'angle de rotation est toujours positif, il applique un if- sinon vérifiez et ajoute 360 ​​degrés si l'angle est négatif.
4. Renvoie l'angle de rotation : La fonction renvoie l'angle de rotation calculé sous forme de entier arrondi.

Exemple d'utilisation :

Le code JavaScript fourni montre comment utiliser la fonction getRotationDegrees() pour récupérer les angles de rotation d'éléments HTML spécifiques :

angle1 = getRotationDegrees($('#myDiv'));
angle2 = getRotationDegrees($('.mySpan a:last-child'));

Cela permet aux développeurs de récupérer l'angle de rotation appliqué à n'importe quel élément d'une page Web et de l'utiliser pour d'autres calculs ou logique.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!