Rotation en fonction de la rotation du geste. Comment juger l'angle du geste
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>buju</title>
<style type="text/css">
#wrap{
height: 100px;
width:100px;
background:red;
}
</style>
</head>
<body>
<p id="wrap">
</p>
<script type="text/javascript">
var box=document.getElementById("wrap");
box.addEventListener("touchmove",function(ev){
console.log(ev.targetTouches[0]);
})
</script>
</body>
</html>
Je l'ai simplement imprimé mais je n'ai pas de bonnes idées
Ces paramètres n'ont aucun problème avec l'angle.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous devez calculer cela vous-même.
Vous devez calculer le décalage entre le point de contact et le point central,
Ensuite, utilisez les fonctions trigonométriques pour calculer l'angle.
J'ai déjà écrit quelque chose de similaire, vous pouvez l'utiliser comme référence.
https://jsfiddle.net/4pn3a5vy/
Cette question est assez intéressante. Elle concerne le mouvement de la souris. Je pense que c'est toujours une question de mouvement des coordonnées. Obtenez les coordonnées du point de départ et les coordonnées du point final, puis calculez dans quelle direction se trouve le point final, puis calculez approximativement si c'est dans le sens des aiguilles d'une montre ou dans le sens inverse. Si vous voulez le rendre parfait, ajouter une réponse au mouvement. Le temps est utilisé pour juger correctement l'étendue de la rotation
.Cela vous oblige à stocker l'emplacement où l'événement touchstart est déclenché, puis à le calculer avec l'emplacement où l'événement touchmove est déclenché.