Wie erstelle ich vertikale Textbilder in Kombination mit Imagestringup und Imagecrreatetruecolor? Vollständige Schrittanalyse

gitbox 2025-07-03

1. Initialisieren Sie die Bild -Leinwand

Zunächst müssen wir eine leere Leinwand erstellen, um das Zeichnen von Inhalten zu erleichtern. Mit der Funktion imageCrreatTueColor () werden eine echte Farb -Leinwand erstellt, mit der wir die Breite und Höhe des Bildes einstellen können.

 <span><span><span class="hljs-meta">&lt;?php</span></span><span>
</span><span><span class="hljs-comment">// Stellen Sie die Breite und Höhe des Bildes ein</span></span><span>
</span><span><span class="hljs-variable">$width</span></span><span> = </span><span><span class="hljs-number">300</span></span><span>;
</span><span><span class="hljs-variable">$height</span></span><span> = </span><span><span class="hljs-number">100</span></span><span>;

</span><span><span class="hljs-comment">// Erstellen Sie eine echte farbige Leinwand</span></span><span>
</span><span><span class="hljs-variable">$image</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecreatetruecolor</span></span><span>(</span><span><span class="hljs-variable">$width</span></span><span>, </span><span><span class="hljs-variable">$height</span></span><span>);
</span><span><span class="hljs-meta">?&gt;</span></span><span>
</span></span>

In diesem Schritt definieren wir eine 300 Pixel breite und 100 Pixel hoch für das Bild.

2. Zuweisen Sie Farben

Wir können die Funktion "ImageColOralLaCate () verwenden, um dem Bild Farben zuzuweisen. Die von dieser Funktion zurückgegebene Farbe kann verwendet werden, um Text, Hintergrund usw. zu zeichnen.

 <span><span><span class="hljs-meta">&lt;?php</span></span><span>
</span><span><span class="hljs-comment">// Farben zuweisen</span></span><span>
</span><span><span class="hljs-variable">$bgColor</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>); </span><span><span class="hljs-comment">// Weißer Hintergrund</span></span><span>
</span><span><span class="hljs-variable">$textColor</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>); </span><span><span class="hljs-comment">// Schwarzer Text</span></span><span>
</span><span><span class="hljs-meta">?&gt;</span></span><span>
</span></span>

In diesem Beispiel setzen wir eine weiße Hintergrundfarbe und eine schwarze Textfarbe für das Bild.

3. Füllen Sie den Hintergrund aus

Als nächstes verwenden wir die Funktion von ImageFill () oder ImageFillToBorder (), um den Hintergrund zu füllen. Diese Operation stellt sicher, dass die Leinwand über eine einheitliche Hintergrundfarbe verfügt.

 <span><span><span class="hljs-meta">&lt;?php</span></span><span>
</span><span><span class="hljs-comment">// Gefüllter Hintergrund mit Weiß</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagefill</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-variable">$bgColor</span></span><span>);
</span><span><span class="hljs-meta">?&gt;</span></span><span>
</span></span>

4. Vertikale Text zeichnen

Dieser Schritt ist der Schlüssel. Wir verwenden die Funktion ImageStringUp (), um vertikalen Text zu zeichnen. ImagestringUp () wird verwendet, um Text entlang der vertikalen Richtung des Bildes zu zeichnen. Die Parameter sind wie folgt:

$ image : Die zu zeichende Bildressource
$ font : Schriftgröße
$ x : Die horizontale Achse des Textes
$ y : Die vertikale Koordinate des Textes
$ Zeichenfolge : Der zu zeichnen zu zeichnen
$ Farbe : Schriftfarbe

 <span><span><span class="hljs-meta">&lt;?php</span></span><span>
</span><span><span class="hljs-comment">// verwenden imagestringup Vertikalen Text zeichnen</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagestringup</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">5</span></span><span>, </span><span><span class="hljs-number">50</span></span><span>, </span><span><span class="hljs-number">50</span></span><span>, </span><span><span class="hljs-string">"Vertikaler Text"</span></span><span>, </span><span><span class="hljs-variable">$textColor</span></span><span>);
</span><span><span class="hljs-meta">?&gt;</span></span><span>
</span></span>

In diesem Beispiel zeichnen wir den Text "vertikaler Text" an die Koordinaten (50, 50) der Leinwand und der Text wird vertikal angezeigt.

5. Ausgabebild

Nach Abschluss der Zeichnung können wir das Bild als Datei ausgeben oder direkt im Browser anzeigen. Verwenden Sie Funktionen wie ImagePng () oder ImageJpeg (), um Bilder in verschiedene Formate auszugeben, oder verwenden Sie die Funktion Header (), um Bilder direkt in den Browser auszugeben.

 <span><span><span class="hljs-meta">&lt;?php</span></span><span>
</span><span><span class="hljs-comment">// Ausgabe zum Browser</span></span><span>
</span><span><span class="hljs-title function_ invoke__">header</span></span><span>(</span><span><span class="hljs-string">'Content-Type: image/png'</span></span><span>);
</span><span><span class="hljs-title function_ invoke__">imagepng</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>);

</span><span><span class="hljs-comment">// Zerstöre Bildressourcen</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagedestroy</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>);
</span><span><span class="hljs-meta">?&gt;</span></span><span>
</span></span>

Dieser Code gibt das Bild direkt in den Browser mit dem Bildformat PNG aus. Nachdem die Ausgabe abgeschlossen ist, rufen Sie Imagedestroy () an, um den Speicher zu befreien.

6. CODE CODE -Beispiel

Kombinieren Sie die oben genannten Schritte und das vollständige Codebeispiel lautet wie folgt:

 <span><span><span class="hljs-meta">&lt;?php</span></span><span>
</span><span><span class="hljs-comment">// Stellen Sie die Breite und Höhe des Bildes ein</span></span><span>
</span><span><span class="hljs-variable">$width</span></span><span> = </span><span><span class="hljs-number">300</span></span><span>;
</span><span><span class="hljs-variable">$height</span></span><span> = </span><span><span class="hljs-number">100</span></span><span>;

</span><span><span class="hljs-comment">// Erstellen Sie eine echte farbige Leinwand</span></span><span>
</span><span><span class="hljs-variable">$image</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecreatetruecolor</span></span><span>(</span><span><span class="hljs-variable">$width</span></span><span>, </span><span><span class="hljs-variable">$height</span></span><span>);

</span><span><span class="hljs-comment">// Farben zuweisen</span></span><span>
</span><span><span class="hljs-variable">$bgColor</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>); </span><span><span class="hljs-comment">// Weißer Hintergrund</span></span><span>
</span><span><span class="hljs-variable">$textColor</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>); </span><span><span class="hljs-comment">// Schwarzer Text</span></span><span>

</span><span><span class="hljs-comment">// Gefüllter Hintergrund mit Weiß</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagefill</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-variable">$bgColor</span></span><span>);

</span><span><span class="hljs-comment">// verwenden imagestringup Vertikalen Text zeichnen</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagestringup</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">5</span></span><span>, </span><span><span class="hljs-number">50</span></span><span>, </span><span><span class="hljs-number">50</span></span><span>, </span><span><span class="hljs-string">"Vertikaler Text"</span></span><span>, </span><span><span class="hljs-variable">$textColor</span></span><span>);

</span><span><span class="hljs-comment">// Ausgabe Bild zum Browser</span></span><span>
</span><span><span class="hljs-title function_ invoke__">header</span></span><span>(</span><span><span class="hljs-string">'Content-Type: image/png'</span></span><span>);
</span><span><span class="hljs-title function_ invoke__">imagepng</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>);

</span><span><span class="hljs-comment">// Zerstöre Bildressourcen</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagedestroy</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>);
</span><span><span class="hljs-meta">?&gt;</span></span><span>
</span></span>

7. Effekte und Zusammenfassung

Nachdem wir den obigen Code ausgeführt haben, sehen wir ein Bild mit vertikalem Text. In diesem Prozess verwenden wir ImagecrreatTueColor () , um die Leinwand zu erstellen, imageColoralloccode () Farben, ImageStringUp (), um vertikalen Text zu zeichnen und das Bild schließlich über ImagePng () auszugeben.

Durch diese Schritte können Sie einfach Bilder erstellen, die vertikalen Text enthalten und auf Webseiten, Bildverarbeitung und andere Szenarien anwenden. Ich hoffe, dass die Analyse dieses Artikels Ihnen helfen kann, die grundlegenden Operationen der PHP -Bildverarbeitung besser zu verstehen, insbesondere wie man vertikaler Text mit ImageStringUp () zeichnet.

Ähnlich