Heim > Backend-Entwicklung > PHP-Tutorial > So realisieren Sie Bilder mit abgerundeten Ecken mithilfe der PHP- und GD-Bibliothek

So realisieren Sie Bilder mit abgerundeten Ecken mithilfe der PHP- und GD-Bibliothek

WBOY
Freigeben: 2023-07-12 09:26:01
Original
1872 Leute haben es durchsucht

So implementieren Sie Bilder mit abgerundeten Ecken mithilfe von PHP- und GD-Bibliotheken

Einführung
Im Webdesign ist es manchmal notwendig, Bilder mit abgerundeten Ecken zu verwenden, um das Erscheinungsbild der Seite zu verschönern. In diesem Artikel wird erläutert, wie Sie mit PHP und der GD-Bibliothek abgerundete Bilder implementieren.

Die GD-Bibliothek ist eine der PHP-Erweiterungsbibliotheken und stellt eine Reihe von Funktionen zur Bildverarbeitung bereit. Mithilfe der GD-Bibliothek können wir Bilder zuschneiden, in der Größe ändern, Filter hinzufügen usw. Um abgerundete Bilder zu erhalten, müssen wir einige Funktionen in der GD-Bibliothek zur Bildverarbeitung verwenden.

Schritte
Im Folgenden sind die spezifischen Schritte zum Implementieren von Bildern mit abgerundeten Ecken aufgeführt:

  1. Bilder laden
    Zuerst müssen wir die Funktion imagecreatefromXXX() der GD-Bibliothek verwenden, um Bilder zu laden. XXX stellt das Format des Bildes dar, das JPEG, PNG oder GIF usw. sein kann. Verwenden Sie beispielsweise die Funktion imagecreatefromjpeg(), um ein JPEG-Bild zu laden.
  2. Leinwand erstellen
    Um eine Leinwand zu erstellen, können Sie die Funktion imagecreatetruecolor() verwenden. Diese Funktion akzeptiert zwei Parameter, die Breite und Höhe der Leinwand.
  3. Zeichnen Sie ein abgerundetes Rechteck
    Als nächstes müssen wir mit den Funktionen der GD-Bibliothek ein abgerundetes Rechteck erstellen. Verwenden Sie zunächst die Funktion imagefilledrectangle(), um ein durchgezogenes Rechteck zu zeichnen, und verwenden Sie dann die Funktion imagefilledellipse(), um vier Bögen zu zeichnen, um einen Effekt mit abgerundeten Ecken zu erzeugen.
  4. Bild zuschneiden
    Als nächstes müssen wir das Bild zuschneiden, um den Effekt abgerundeter Ecken zu erzielen. Verwenden Sie die Funktion imagecopy() oder imagecopyresampled(), um das Originalbild durch das abgerundete Rechteck in der Leinwand zuzuschneiden.
  5. Speichern Sie das Bild
    Abschließend können wir die Funktion imagejpeg(), imagepng() oder imagegif() verwenden, um das verarbeitete Bild in einem bestimmten Ordner zu speichern.

Codebeispiel

Das Folgende ist ein Beispielcode zum Implementieren von Bildern mit abgerundeten Ecken über PHP und die GD-Bibliothek:

// Bild laden
$source = imagecreatefromjpeg('source.jpg');

// Bildgröße abrufen
$source_width = imagesx($source);
$source_height = imagesy($source);

// Leinwand erstellen
$canvas = imagecreatetruecolor($source_width, $source_height);

// Hintergrund erstellen color
$background = imagecolorallocate($canvas, 255, 255, 255);

// Füllen Sie die Hintergrundfarbe aus
imagefill($canvas, 0, 0, $background);

// Erstellen Sie ein abgerundetes Rechteck
$radius = 50 ; // Radius der Verrundung
$corner_width = $radius * 2;
$corner_height = $radius * 2;

// Obere linke Ecke
imagefilledellipse($canvas, $radius, $radius, $corner_width, $ Corner_height, $background);
// Obere rechte Ecke
imagefilledellipse($canvas, $source_width - $radius, $radius, $corner_width, $corner_height, $background);
// Untere linke Ecke
imagefilledellipse($canvas, $ radius, $source_height - $radius, $corner_width, $corner_height, $background);
// Untere rechte Ecke
imagefilledellipse($canvas, $source_width - $radius, $source_height - $radius, $corner_width, $corner_height, $background );

// Bild zuschneiden
imagecopy($canvas, $source, $radius, 0, $radius, 0, $source_width - $corner_width, $source_height); // Oben
imagecopy($canvas, $source, 0 , $radius, 0, $radius, $source_width, $source_height - $corner_height); // Left
imagecopy($canvas, $source, $source_width - $corner_width, $radius, $source_width - $corner_width, $radius, $ Corner_width, $source_height - $corner_height); // Right
imagecopy($canvas, $source, $radius, $source_height - $corner_height, $radius, $source_height - $corner_height, $source_width - $corner_width, $corner_height); / / Unten

// Bild speichern
imagejpeg($canvas, 'output.jpg');

// Speicher freigeben
imagedestroy($source);
imagedestroy($canvas);
?>

Zusammenfassung
Durch die Implementierung der oben genannten Schritte können wir PHP- und GD-Bibliotheken verwenden, um abgerundete Bilder zu erstellen. Mithilfe der Funktionen der GD-Bibliothek können wir Bilder laden, Leinwände erstellen, abgerundete Rechtecke zeichnen, Bilder zuschneiden und schließlich die Ergebnisse speichern. Mit dieser Methode können verschiedene Bilder mit abgerundeten Ecken erstellt werden, die dem Webdesign mehr Schönheit verleihen.

Das obige ist der detaillierte Inhalt vonSo realisieren Sie Bilder mit abgerundeten Ecken mithilfe der PHP- und GD-Bibliothek. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage