Discussion :

[renaud26]

Bonjour à tous,

Ben oui : j'ai quitté l'école il y a longtemps...

Soit une image carrée de 500 x 500 pixels, barrée par une bande en diagonale de gauche à droite dont les coordonnées (x, y) sur l'image sont :

x=25 , y=0
x=55, y=0
x=500, y=470
x=500, y=440

Avec GD et imagettftext(), je souhaite écrire un texte dans cette diagonale.
Et le centrer.

J'ai crée une petite fonction qui centre Y :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
function centrage_texte_y($heightIm, $taille_T, $font_TTF, $texte)
{
$size = imagettfbbox($taille_T,-45,$font_TTF,$texte); 
$dy = abs($size[5]-$size[1]);
$espY = $heightIm - $dy;
$y = ($espY / 2);
return $y;
} 
 
//que j'appelle comme ceci :
$texte = "Mon texte exemple en diagonale";
$y_centre = centrage_texte_y($height, 16, "fonts/Verdana.ttf", $texte);
//écriture du texte dans l'image
imagettftext($img, 16, -45, $X, $y_centre, $rouge, "fonts/Verdana.ttf", $texte);

Et ça fonctionne, la valeur de Y est ok. La phrase, grâce à l'angle de valeur -45 s'affiche bien en diagonale....mais $X manque. Comment le calculer ?

Par rapport à y que je connais ?
Avec le tableau $size que retourne imagettfbbox() ?
Avec un subtil mélange des deux ?

Ben moi je sèche totalement !

[ThomasR]

Bonjour,

Je ne suis pas très doué en Maths non plus mais je pense qu'il suffit d'appliquer le théorème de pythagore :

D (Diagonale) = RACINE(Largeur²+Hauteur²)
X = (Largeur - LargeurTexte) / 2
Y = (Hauteur - HauteurTexte) / 2
Angle = COS(Largeur / D)

dans un triangle rectangle, le carré de l'hypoténuse est égal à la somme des carrés des deux côtés de l'angle droit; La somme des angles d'un triangle est égale à deux droits (180°), ce qui se démontre facilement pour un triangle rectangle

[renaud26]

Bonjour,

OU la la, le bon vieux Pythagore !
Je l'avais oublié celui-là...

Mon image est un carré de 500 x 500.
La bande diagonale (de gauche à droite) dans laquelle je veux écrire :

- est de 30 px de largeur
- commence à Y=0 - X=25 / X=55
- se termine à Y=440 / Y=470 - X=500

Elle de part donc pas de 0/0 pour finir à 500/500.

Si je connais Y du début de mon texte en fonction de sa longueur, comment calculer X sachant qu'il dépend de Y ?

Tu dis :

D (Diagonale) = RACINE(Largeur²+Hauteur²)

La diagonale de mon carré est égale à 707.1 : d'accord.
Je pense que imagettfbbox() peut me donner la hauteur du texte...
Mais qu'est ce que j'en fais ?

[ThomasR]

Une fois que tu as la hauteur et la largeur du texte tu as toutes les clés en main

D (Diagonale) = RACINE(Largeur²+Hauteur²)
X = (Largeur - LargeurTexte) / 2
Y = (Hauteur - HauteurTexte) / 2
Angle = COS(Largeur / D)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

imagettftext($img, 16, -$ANGLE, $X, $Y, $rouge, "fonts/Verdana.ttf", $texte);

[renaud26]

Grâce à ta formule j'ai fait la fonction suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
function xy($height, $taille_T, $font_TTF, $texte) {
$diag = sqrt(($height * $height) + ($height * $height));
$size = imagettfbbox($taille_T,-45,$font_TTF,$texte);
$LargeurTexte = abs($size[5]-$size[1]);
$HauteurTexte = abs($size[6]-$size[0]);
$X = ($height - $LargeurTexte) / 2;
$Y = ($height - $HauteurTexte) / 2;
$Angle = cos($height / $diag);
$tab = array("X"=>$X,"Y"=>$Y,"Angle"=>$Angle);
return $tab;
}
 
$texte = "Ici un joli texte dans une diagonale";
$tab = xy(500, 16, "fonts/Verdana.ttf", $texte);
$x = $tab['X'];
$y = $tab['Y'];
$Angle = $tab['Angle'];
 
imagettftext($dest, 16, -$Angle, $x, $y, $rouge, "fonts/Verdana.ttf", $texte);

Le début du texte est pile-poile au centre du carré 500 x 500 mais le texte est droit...donc il ne suit pas du tout la diagonale.
Et je m'étonne que le début Y du texte soit au centre vertical (donc je pense que dans ce calcul il vaut 250)...vu la longueur de la phrase ça devrait être moins...

Voici $tab selon cette config :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
 
Array
(
    [X] => 118
    [Y] => 241
    [Angle] => 0.76024459707563
)
 
Il est bizarre, l'angle, non ?

[ThomasR]

Bonsoir,
J'ai peut-être fait une erreur dans mes calculs mais en tout cas dans ton script ton calcul de l'hypothénus est mauvais, remplaces ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$diag = sqrt(($height * $height) + ($height * $height));

Par ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$diag = sqrt(($height * $height) + ($width* $width));