Le placement du texte

On a vu pour mettre un texte à la bonne place que l'on avait deux outils. Le premier est la fonction textAlign() qui nous permet de choisir la façon dont on va aligner le texte. Le second outil, ce sont les paramètres que l'on passe à la fonction text() : on donne l'abscisse et l'ordonnée de point par rapport auquel on va placer le texte. Il existe une seconde façon de faire qui pourra se montrer très utile par la suite, et que nous avions djàa vu pour les formes complexes : déplacer le repère.

Le repère est normalement avec l'origine placée en haut à gauche du canevas, les abscisses horizontalement de gauche à droite et les ordonnées du haut vers le bas. On peut déplacer le repère en utilisant la fonction translate(). Pour mémoriser la place du repère, on peut utiliser la fonction push() et pour le récupérer la fonction pop(). Voici du coup deux ensembles d'instructions qui seront équivalents :

text("texte",30,50); // placer le texte en 30,50
// est équivalent à
push();// je mémorise l'emplacement du repère
translate(30,50); // je place l'origine du repère au point de coordonnées 30,50
text("text",0,0); // je place le texte à la nouvelle origine
pop()// Je remets le repère à son emplacement initial

Mais alors, quel est l'intérêt de tout cela à part de rajouter des lignes ? On peut faire autre chose que de déplacer le repère. On peut aussi zoomer/dézoomer par rapport à l'origine du repère avec la fontcion scale()( ce qui signifie échelle en anglais).

Cette mise à l'échelle est très intéressante. En effet, on va pouvoir la mettre en relation avec la fonction textWidth() qui donne la largeur d'une chaine de caractère

Enfin, dernière fonction qui permet de manipuler le repère : rotate() qui permet de faire tourner le repère. On pourra s'en servir pour incliner le texte, le mettre verticalement par exemple. La rotation s'effectue toujours par rapport à l'origine du repère, c'est pour cela qu'il est important de faire d'abord la translation et ensuite la rotation.