La rotation d'une image changera l'angle d'affichage de cette image. Pour les graphismes simples, cela peut ajouter de la variété et de l’intérêt à ce qui pourrait autrement être une image simple ou ennuyeuse. Comme pour toutes les transformations, faites pivoter les œuvres dans le cadre d'une animation ou pour un graphique statique. Apprendre à utiliser la rotation en SVG, ou Scalable Vector Graphics, vous permet de demander un angle distinct par rapport à la conception de votre forme. La fonction de rotation SVG permet de faire pivoter l'image dans un sens ou dans l'autre.
À propos de la rotation
La fonction de rotation concerne l’angle du graphique. Lorsque vous concevez une image SVG, vous allez créer un modèle statique qui sera probablement placé sous un angle traditionnel. Par exemple, un carré aura deux côtés le long de l'axe X et deux le long de l'axe Y. Avec rotation, vous pouvez prendre ce même carré et le transformer en une formation de diamant.
Avec ce seul effet, vous êtes passé d’une boîte très typique (qui est très commune sur les sites Web) à un diamant, ce qui n’est pas commun du tout et n’a pas ajouté une variété visuelle intéressante à un dessin. Rotation fait également partie des capacités d’animation en SVG. Un cercle peut tourner en permanence tout en étant affiché. Ce mouvement peut attirer l'attention des visiteurs et vous aider à concentrer leur expérience sur des zones ou des éléments clés d'une conception.
Rotation fonctionne sur la théorie selon laquelle un point sur l'image restera fixe. Imaginez un morceau de papier attaché au carton avec une punaise. L'emplacement de la broche est le point fixe. Si vous tournez le papier en saisissant un bord et en le faisant pivoter dans le sens des aiguilles d'une montre ou dans le sens contraire des aiguilles d'une montre, la punaise ne se déplace jamais, mais le rectangle change toujours d'angle. Le papier tournera, mais le point fixe de la broche reste inchangé. Ceci est très similaire à la façon dont la fonction de rotation fonctionne.
Rotation de la syntaxe
Avec rotation, vous listez l'angle du virage et les coordonnées de la zone fixe.
transformer = "faire pivoter (45,100,100)"
L'angle de rotation est la première chose que vous ajoutez. Dans ce code, l'angle de rotation est de 45 degrés. Le point central est ce que vous ajouterez ensuite. Ici, ce point central se situe aux coordonnées 100, 100. Si vous n'entrez pas de coordonnées de position centrale, leur valeur par défaut sera 0,0. Dans l'exemple ci-dessous, l'angle serait toujours de 45 degrés, mais comme le point central n'a pas été défini, la valeur par défaut est 0,0. transformer = "faire pivoter (45)"
Par défaut, l'angle va vers la droite du graphique. Pour faire pivoter la forme dans le sens opposé, utilisez un signe moins pour répertorier une valeur négative. transformer = "faire pivoter (-45)"
Une rotation de 45 degrés correspond à un quart de tour, car les angles sont basés sur un cercle de 360 degrés. Si vous indiquez 360 comme révolution, l'image ne changera pas car vous la basculez littéralement dans un cercle complet. Le résultat final sera donc identique à celui où vous avez commencé.
