Position actuelle: Accueil> Derniers articles> La fonction ImageTtFtext est utilisée en conjonction avec la fonction Imageline. Comment combiner des graphiques et du texte complexes?

La fonction ImageTtFtext est utilisée en conjonction avec la fonction Imageline. Comment combiner des graphiques et du texte complexes?

gitbox 2025-05-29

2. Analyse combinée du scénario

L'utilisation d'imagettfText () et d'imageline () en combinaison peut être appliquée aux scénarios suivants:

  1. Générer un tableau de ligne annoté

  2. Tableau de débit dynamique

  3. Combinaison des interférences de slash dans le code de vérification avec une police dynamique

  4. Logos de texte en boutons graphiques ou diagrammes structurels

Grâce à des calculs de coordonnées appropriés, nous pouvons aligner avec précision le texte avec les graphiques et améliorer les effets visuels.


3. Exemple: Créez un diagramme de segment de ligne annoté

L'exemple suivant montre comment créer une image avec un segment de ligne et des descriptions de texte ajoutées aux points de départ et de fin du segment de ligne.

 <?php
// Créer une toile
$width = 400;
$height = 300;
$image = imagecreatetruecolor($width, $height);

// Distribution des couleurs
$white = imagecolorallocate($image, 255, 255, 255);
$black = imagecolorallocate($image, 0, 0, 0);
$blue = imagecolorallocate($image, 0, 0, 255);

// Remplir l&#39;arrière-plan
imagefill($image, 0, 0, $white);

// Définir les polices
$font = __DIR__ . '/arial.ttf'; // s&#39;assurerarial.ttfLe fichier de police existe

// Tracer des lignes
$x1 = 50; $y1 = 250;
$x2 = 350; $y2 = 50;
imageline($image, $x1, $y1, $x2, $y2, $blue);

// Ajouter du texte(Point de départ de ligne)
imagettftext($image, 12, 0, $x1 - 30, $y1 + 20, $black, $font, 'point de départ');

// Ajouter du texte(Point final de ligne)
imagettftext($image, 12, 0, $x2 + 10, $y2, $black, $font, 'fin');

// Image de sortie
header('Content-Type: image/png');
imagepng($image);

// Détruire les ressources
imagedestroy($image);
?>

Le code crée une image avec un arrière-plan blanc, dessine un segment de ligne bleue sur l'image et ajoute du texte de commentaire aux points de début et de terminaison respectivement. ImageTtFText () permet de placer du texte et de faire tourner arbitrairement, et ImageLeline () est utilisé pour dessiner des éléments graphiques. La combinaison des deux peut former une infographie diversifiée.


4. Application avancée: générer des descriptions graphiques en fonction des informations d'URL

Des utilisations plus complexes peuvent être réalisées en dessinant du texte de balise dans le graphique, telles que les titres de lien hypertexte, tels que des cartes de sites graphiques, des conseils de processus, etc.:

 $url = 'https://gitbox.net/api/step?id=42';
$text = 'Vérifiez les détails';

// Extraire des informations et dessiner
imagettftext($image, 10, 0, 150, 100, $black, $font, $text);

Bien que l'image ne puisse pas être directement cliquée et redirigée, l'image générée peut être utilisée comme invite visuelle pour les ancres Web en conjonction avec HTML pour améliorer l'expérience utilisateur.