Deutsch
Deutsch
ImageOpenPolygon () ist eine Funktion in der GD -Bibliothek von PHP. Seine Funktion besteht darin, Polygone mit der angegebenen Farbe zu zeichnen. Die Eckpunkte dieses Polygons können durch das Koordinatenarray geleitet werden. Der Schlüssel zum Multi-Layer-Bildüberlagerungen ist, wie die Grafiken mehrerer Ebenen auf unterschiedliche Weise auf ein Bild zeichnen.
Um eine dynamische Überlagerung mehrerer Ebenen zu erreichen, können Sie die folgenden Schritte verwenden:
Erstellen oder Öffnen Sie ein Bild : Zuerst müssen Sie ein grundlegendes Bild haben oder können auch ein neues Bild erstellen, indem Sie ein neues erstellen.
Zeichnen Sie mehrere Polygonschichten : Zeichnen Sie mehrere Polygone durch ImageOpenpolygon () und überlagern Sie diese Polygone auf dem Bild.
Dynamische Effekte : Um dynamische Effekte zu erzielen, können Sie einige Zeitfunktionen von JavaScript oder PHP verwenden, um die Anzeigezeit oder Änderung jeder Schicht zu steuern.
Hier ist ein einfaches Beispiel, das zeigt, wie mehrere dynamisch überlagte Polygonschichten auf einem Bild unter Verwendung von ImageOpenpolygon () zeichnen.
<?php
// Erstellen Sie ein leeres Bild
$width = 800;
$height = 600;
$image = imagecreatetruecolor($width, $height);
// Setzen Sie die Hintergrundfarbe auf Weiß
$backgroundColor = imagecolorallocate($image, 255, 255, 255);
imagefill($image, 0, 0, $backgroundColor);
// Definieren Sie die Farbe
$color1 = imagecolorallocate($image, 255, 0, 0); // Rot
$color2 = imagecolorallocate($image, 0, 255, 0); // Grün
$color3 = imagecolorallocate($image, 0, 0, 255); // Blau
// Definieren Sie die Scheitelpunktkoordinaten mehrerer Polygone
$polygon1 = [200, 100, 400, 100, 300, 200];
$polygon2 = [300, 200, 500, 200, 400, 300];
$polygon3 = [400, 300, 600, 300, 500, 400];
// Polygone zeichnen
imageopenpolygon($image, $polygon1, 3, $color1); // Rot
imageopenpolygon($image, $polygon2, 3, $color2); // Grün
imageopenpolygon($image, $polygon3, 3, $color3); // Blau
// Ausgabe Bild zum Browser
header('Content-Type: image/png');
imagepng($image);
// Freier Speicher
imagedestroy($image);
?>
Erstellen Sie ein Bild : Verwenden Sie zunächst ImageCrreatTueColor (), um ein leeres Bild mit einer Breite von 800 PX und einer Höhe von 600 PX zu erstellen.
Setzen Sie die Hintergrundfarbe : Verwenden Sie ImageFill (), um den Hintergrund als weiß zu füllen.
Definitionsfarbe : Drei Farben werden mit ImageColoralLaCate () definiert, nämlich rot, grün und blau.
Zeichnen Sie Polygone : Verwenden Sie die ImageOpenPolygon () -Funktion, um drei Polygone unterschiedlicher Farben mit jeweils drei Scheitelpunkten zu zeichnen.
Um dynamische Effekte zu erzielen, können Sie JavaScript verwenden, um die schrittweise Anzeige mehrerer Ebenen zu steuern oder Zeitaufgaben auf der Serverseite zu verwenden, um die Renderzeit jeder Ebene zu steuern. Zum Beispiel können animierte Effekte erzielt werden, indem von Zeit zu Zeit wieder Bilder regeneriert und verschiedene Ebenen zurückgegeben werden.
Hier ist ein einfaches Beispiel, das zeigt, wie dynamisches Schicht -Overlay mit JavaScript und AJAX implementiert wird:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dynamischer Overlay -Effekt</title>
<script>
let currentLayer = 1;
function updateImage() {
// Anfordern Sie Bilder dynamisch basierend auf der aktuellen Ebenennummer
let imgElement = document.getElementById("dynamicImage");
imgElement.src = "image.php?layer=" + currentLayer;
currentLayer = (currentLayer % 3) + 1; // Steuern Sie die Schleife der Schicht
}
setInterval(updateImage, 1000); // Aktualisieren Sie das Bild jede Sekunde
</script>
</head>
<body>
<h1>Dynamischer Overlay -Effekt</h1>
<img id="dynamicImage" src="image.php?layer=1" alt="Dynamisch überlagerte Bilder">
</body>
</html>
Durch die ImageOpenPolygon () -Funktion kann PHP leicht dynamische Overlay -Effekte mehrerer Schichten implementieren. In der Praxis können wir diese Ebenen komplexer entwerfen und dynamische Anzeigen über PHP oder JavaScript implementieren. Unabhängig davon, ob in der Bildung von Bilderzeugung oder in der Front-End-Effekt-Anzeige, ImageOpenPolygon () ist ein sehr leistungsfähiges Werkzeug.
