Tutoriel bibliothèque PHP et GD : Comment ajouter un effet de couleur inverse aux images

王林
Libérer: 2023-07-13 12:38:02
original
997 Les gens l'ont consulté

Tutoriel de la bibliothèque PHP et GD : Comment ajouter un effet de couleur inverse aux images

Introduction :
Dans le développement Web, il est souvent nécessaire d'effectuer des traitements d'effets spéciaux sur les images pour obtenir de meilleurs effets visuels. Parmi eux, l’ajout d’un effet de couleur inverse à une image est une méthode de traitement courante. Dans ce tutoriel, nous utiliserons PHP et la bibliothèque GD pour obtenir cet effet. La bibliothèque GD est une bibliothèque puissante qui peut être utilisée pour traiter des images. En étudiant ce tutoriel, vous apprendrez à utiliser la bibliothèque GD pour convertir une image donnée en un effet de couleur inverse.

Étape 1 : Préparation
Avant de commencer, assurez-vous que la bibliothèque GD est installée sur votre serveur. Utilisez la commande suivante pour vérifier :

php -m | grep gd
Copier après la connexion

Étape 2 : Créer un fichier PHP
Tout d'abord, nous devons créer un fichier PHP pour écrire du code. Vous pouvez le nommer reverse_color.php. reverse_color.php

步骤3:导入并显示原始图片
在进一步处理之前,我们需要导入原始图片,并将其显示在网页上。使用以下代码完成此步骤:

<?php
// 创建一个画布
$canvas = imagecreatetruecolor(400, 300);
// 导入原始图片
$source = imagecreatefromjpeg('original.jpg');
// 将原始图片复制到画布上
imagecopy($canvas, $source, 0, 0, 0, 0, 400, 300);
// 在浏览器上显示画布
header('Content-Type: image/jpeg');
imagejpeg($canvas);
?>
Copier après la connexion

注意:请将original.jpg替换为您自己的图片路径。

步骤4:将图片转化为反色效果
现在,让我们进入主题。下面的代码片段演示了如何将图片转化为反色效果:

<?php
// 创建一个画布
$canvas = imagecreatetruecolor(400, 300);
// 导入原始图片
$source = imagecreatefromjpeg('original.jpg');
// 将原始图片复制到画布上
imagecopy($canvas, $source, 0, 0, 0, 0, 400, 300);
// 遍历画布的每个像素,并将颜色取反
for($x = 0; $x < 400; $x++) {
    for($y = 0; $y < 300; $y++) {
        $color = imagecolorat($canvas, $x, $y);
        $red = 255 - ($color >> 16) & 0xFF;
        $green = 255 - ($color >> 8) & 0xFF;
        $blue = 255 - $color & 0xFF;
        $newColor = imagecolorallocate($canvas, $red, $green, $blue);
        imagesetpixel($canvas, $x, $y, $newColor);
    }
}
// 在浏览器上显示画布
header('Content-Type: image/jpeg');
imagejpeg($canvas);
?>
Copier après la connexion

步骤5:保存并测试效果
将以上代码保存到reverse_color.php文件中,并将original.jpg

Étape 3 : Importer et afficher l'image originale

Avant un traitement ultérieur, nous devons importer l'image originale et l'afficher sur la page Web. Utilisez le code suivant pour terminer cette étape :
rrreee

REMARQUE : Veuillez remplacer original.jpg par votre propre chemin d'image. 🎜🎜Étape 4 : Convertir l'image en effet de couleur inversé🎜Maintenant, entrons dans le sujet. L'extrait de code ci-dessous montre comment convertir une image en un effet de couleur inversé : 🎜rrreee🎜Étape 5 : Enregistrez et testez l'effet🎜Enregistrez le code ci-dessus dans le fichier reverse_color.php et modifiez le original Remplacez .jpg par votre propre chemin d'image. Le fichier est ensuite placé sur le serveur et accessible via le navigateur. Vous verrez l'image originale affichée sur la page, convertie en un effet de couleur inversé. Vous pouvez maintenant essayer d'utiliser différentes images et voir comment l'effet change. 🎜🎜Résumé : 🎜Grâce à ce tutoriel, nous avons appris à utiliser la bibliothèque PHP et GD pour ajouter un effet de couleur inverse aux images. Tout d’abord, nous avons importé et affiché l’image originale, puis utilisé les fonctions de la bibliothèque GD pour convertir l’image en un effet de couleur inversé. En modifiant la couleur de chaque pixel, on peut obtenir l'effet souhaité. Je pense qu'en étudiant ce didacticiel, vous avez compris l'utilisation de base de la bibliothèque GD et pouvez utiliser ses fonctions de manière flexible pour le traitement d'images. Je vous souhaite des résultats plus satisfaisants dans le développement Web ! 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal