Premiers pas avec PHP et la bibliothèque GD : comment créer un programme Simple Image Sketchpad-tutoriel php-php.cn

Premiers pas avec PHP et la bibliothèque GD : comment créer un programme Simple Image Sketchpad

王林

Libérer： 2023-07-16 11:56:01

original

1609 Les gens l'ont consulté

Démarrer avec PHP et la bibliothèque GD : Comment créer un programme simple de planche à dessin d'images

Introduction :
Le traitement d'image est une partie importante du développement Web, et PHP fournit une multitude d'outils et d'extensions pour répondre aux besoins de traitement d'image. La bibliothèque GD est l'une des bibliothèques de traitement d'images les plus couramment utilisées en PHP. Elle fournit une série de fonctions qui peuvent être utilisées pour créer, éditer, transformer et enregistrer des images. Cet article vous présentera comment utiliser la bibliothèque PHP et GD pour créer un programme simple de planche à dessin d'images, vous permettant de vous lancer rapidement dans le traitement d'images.

Première étape : installation et configuration de la bibliothèque GD
Avant de commencer, vous devez vous assurer que l'extension GD Library est installée et activée dans votre environnement PHP. Vous pouvez rechercher la ligne suivante dans le fichier de configuration php.ini, en vous assurant qu'il n'y a pas de symbole de commentaire (;) devant :

extension=gd

Copier après la connexion

Si la ligne n'est pas trouvée, vous pouvez ajouter la ligne ci-dessus dans le php. ini et redémarrez le serveur Web.

Étape 2 : Créer un plan de travail
Tout d'abord, nous devons créer un formulaire HTML qui permet aux utilisateurs de sélectionner la largeur et la hauteur du plan de travail et de soumettre le formulaire pour créer le plan de travail.

<!DOCTYPE html>
<html>
<head>
    <title>画板</title>
    <style>
        #canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <form method="post" action="create_canvas.php">
        <label for="width">宽度：</label>
        <input type="number" id="width" name="width" min="100" max="1000" required>
        <br>
        <label for="height">高度：</label>
        <input type="number" id="height" name="height" min="100" max="1000" required>
        <br>
        <input type="submit" value="创建画板">
    </form>
</body>
</html>

Copier après la connexion

Dans le formulaire, nous utilisons une requête POST pour soumettre les paramètres de largeur et de hauteur, et spécifions le fichier de traitement pour la soumission du formulaire comme "create_canvas.php".

Étape 3 : Traiter la demande de création de plan de travail
Dans le fichier create_canvas.php, nous devons traiter la demande de création de plan de travail. Tout d’abord, nous obtenons les paramètres de largeur et de hauteur soumis par l’utilisateur et créons un canevas vide correspondant à ceux-ci.

<?php
// 获取宽度和高度参数
$width = $_POST['width'];
$height = $_POST['height'];

// 创建一个与之对应的空画布
$canvas = imagecreatetruecolor($width, $height);

Copier après la connexion

Étape 4 : rendre le canevas et la sortie vers le navigateur
Ensuite, nous pouvons utiliser les fonctions de la bibliothèque GD pour restituer le canevas. Dans cet exemple, nous définissons chaque pixel du canevas sur une couleur aléatoire. Enfin, nous extrayons le canevas vers le navigateur.

<?php
// ...获取宽度和高度参数以及创建为空画布的代码...

// 渲染画布
for ($x = 0; $x < $width; $x++) {
    for ($y = 0; $y < $height; $y++) {
        $color = imagecolorallocate($canvas, mt_rand(0, 255), mt_rand(0, 255), mt_rand(0, 255));
        imagesetpixel($canvas, $x, $y, $color);
    }
}

// 将画布输出到浏览器
header('Content-Type: image/png');
imagepng($canvas);
imagedestroy($canvas);

Copier après la connexion

Étape 5 : Testez et utilisez le plan de travail
Vous pouvez désormais accéder au plan de travail que vous avez créé dans votre navigateur, le tester et l'utiliser. Vous pouvez saisir l'URL suivante dans votre navigateur pour afficher le plan de travail que vous avez créé :

http://yourdomain.com/create_canvas.php

Copier après la connexion

Conclusion :
Cet article explique comment utiliser PHP et la bibliothèque GD pour créer un programme de plan de travail d'image simple, en commençant par l'installation et la configuration de la bibliothèque GD, pour créer le formulaire HTML du plan de travail et gérer la demande de création du plan de travail, et enfin restituer et afficher le canevas dans le navigateur. Grâce à cet exemple, vous pouvez apprendre à effectuer un traitement d'image de base en PHP, puis le développer et l'étendre en fonction de vos besoins.

Matériaux de référence :

Documentation officielle PHP : https://www.php.net/manual/en/book.image.php
Référence des fonctions de la bibliothèque GD : https://www.php.net/manual/ fr/ref.image.php

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!