Heim > Backend-Entwicklung > PHP-Tutorial > Grundlegendes PHP-Tutorial 16: Verwendung der GD-Bibliothek zum Zeichnen von Grafiken

Grundlegendes PHP-Tutorial 16: Verwendung der GD-Bibliothek zum Zeichnen von Grafiken

黄舟
Freigeben: 2023-03-06 09:10:02
Original
6667 Leute haben es durchsucht

Vorwort

Wenn wir online gehen, um uns auf einer Webseite anzumelden, müssen die meisten von uns einen Bestätigungscode eingeben Verifizierung, bevor wir uns anmelden können. PHP-Programmierer können je nach Situation selbst Verifizierungscodes zeichnen. In PHP können wir die PHP-eigene Zeichenfunktion verwenden, um einfache Verifizierungscodes zu zeichnen, und wir können die PHP-Zeichnung auch verwenden, um Bildern Wasserzeichen hinzuzufügen ...

PHP-Zeichnungskoordinatensystem

Wenn wir Mathematik lernen, müssen wir das Koordinatensystem lernen, das auch in Programmiersprachen existiert Aber das Koordinatensystem der Programmiersprachen unterscheidet sich vom Koordinatensystem der Mathematik.

Im PHP-Koordinatensystem befindet sich der Koordinatenursprung in der oberen linken Ecke
, die X-Achse ist die horizontale Richtung, die Y-Achse ist die vertikale Richtung der aktuellen Position und die Die Einheit des Koordinatensystems ist Pixel.
Grundlegendes PHP-Tutorial 16: Verwendung der GD-Bibliothek zum Zeichnen von Grafiken

Pixel

Wie oben erwähnt, ist der Koordinatenpunkt des Koordinatensystems ein Pixel. Ein Pixel ist eine Einheit der Dichte ist die gleiche wie die Bildschirmbeziehung des Benutzers.

Pixel: Der vom Computer auf dem Bildschirm angezeigte Inhalt besteht aus jedem Pixel auf dem Bildschirm. Beispielsweise beträgt die Auflösung des Computermonitors 800 x 600, was bedeutet, dass jede Zeile auf dem Computerbildschirm vorhanden ist Der gesamte Computerbildschirm besteht aus 800 Punkten und besteht aus 600 Zeilen.

Hinweis: Pixel ist die Einheit der Dichte und Zentimeter ist die Einheit der Länge.

PHP-Zeichnung

Wenn Sie Zeichentechnologie in PHP verwenden möchten, müssen Sie die gd2-Erweiterungsbibliothek öffnen. Öffnen Sie es in der PHP.ini-Datei und starten Sie den Server nach dem Öffnen neu.

Grundlegendes PHP-Tutorial 16: Verwendung der GD-Bibliothek zum Zeichnen von Grafiken

Die Funktionen in der PHP-Zeichenfunktion beginnen alle mit dem Bild. Und die gesamte Funktion ist klein geschrieben . Die Hilfedokumentation enthält viele Funktionen. Wenn wir es brauchen, können wir es finden in: Funktionsreferenz – Bilderzeugung und -verarbeitung – GD-GD und Bildverarbeitungsfunktionen. Wenn wir PHP-Zeichnungen durchführen, können wir im Allgemeinen die Schritte befolgen, um sie Schritt für Schritt abzuschließen.

Schritte des Zeichnens

  1. Erstellen Sie eine Bildressource, die einer Leinwand entspricht, auf der wir zeichnen können (entspricht einem Blatt Papier). , eine der Möglichkeiten, eine Leinwand zu erstellen:

    $canva = imagecreatetruecolor(宽,高)
    Nach dem Login kopieren
  2. Erstellen Sie einen Pinsel, malen Sie mit dem Pinsel auf der Leinwand, und die Farbe des Pinsels kann mit RGB konfiguriert werden. Die Parameter in der Methode sind ganze Zahlen von 0 bis 255 oder hexadezimal 0x00 bis 0xFF.

    $paint = imagecolorallocate(画布,三原色(r,g,b));
    Nach dem Login kopieren
  3. Grafiken zeichnen, hier zeichnen wir nur eine gerade Linie, Sie können auch jedes andere Bild zeichnen.

    imageline(画布,startX,startY,endX,endY,画笔);
    Nach dem Login kopieren
  4. Die Zeichnung ist fertig und kann auf der Webseite ausgegeben werden. Es kann auch in einem bestimmten Verzeichnis gespeichert werden.

  5. Zerstören Sie Zeichnungsressourcen und geben Sie Speicher rechtzeitig frei.

    imagedestroy(画布);
    Nach dem Login kopieren

Wir können die oben genannten Schritte ausführen, um verschiedene Grafiken zu zeichnen. Beim Zeichnen von Grafiken können wir verschiedene Vorgänge ausführen, um Grafiken zu verbinden. Gleichzeitig können wir auch verschiedene Pinsel erstellen Zeichne verschiedene Farben.

Verschiedene Grafiken zeichnen

Wir können gemäß den oben genannten Schritten verschiedene Muster zeichnen. Es sind lediglich unterschiedliche Funktionen erforderlich, um unterschiedliche Grafiken zu zeichnen. Die Parameter der Funktion können im Hilfedokument abgefragt werden.

<?php

    //创建一个画布
    $canvas = imagecreatetruecolor(300, 300);
    //创建一个画笔
    $paint = imagecolorallocate($canvas, 255, 0, 0);

    //绘制不同的图形,可以修改函数进行不同图形的绘制
    //绘制一条直线
    imageline($canvas, 10, 10, 50, 50, $paint);
    //绘制一个矩形
    imagerectangle($canvas, 10, 100, 30, 120, $paint);

    //绘制一个椭圆
    imageellipse($canvas, 100, 121, 100, 50, $paint);
    //绘制一个圆,也是上面的函数,不过是把宽和高写成一样的就行了。
    imageellipse($canvas,200,100,50,50,$paint);
    //绘制弧形
    imagearc($canvas, 200,50,40, 40, 0, 90, $paint);
    //画一个填充的圆形
    imagefilledellipse($canvas, 250, 230, 60, 60, $paint);
    //输出到浏览器
    header("content-type:image/png");
    //以png的形式输出到浏览器上
    imagepng($canvas);

    //销毁图形,释放内存
    imagedestroy($canvas);
Nach dem Login kopieren

Grundlegendes PHP-Tutorial 16: Verwendung der GD-Bibliothek zum Zeichnen von Grafiken
Der obige Code verwendet verschiedene Funktionen, um unterschiedliche Grafiken zu erstellen, aber wir haben im obigen Code nur eine zum Ausfüllen des Bildes. Wir zeichnen beispielsweise einen Kreis und füllen ihn aus mit Farbe. Sie können die Funktion imagefilledellipse() verwenden. Diese Funktion hat nur eine weitere filled als die Funktion imageellipse(), und die darin enthaltenen Parameter sind immer noch dieselben. Wenn Sie beim Zeichnen von Grafiken die Grafiken füllen möchten, fügen Sie normalerweise einfach den ausgefüllten Buchstaben nach dem Bild hinzu.

PHP kann auch vorgefertigte Bilder zum Zeichnen von Grafiken verwenden. Diese Methode kann so verstanden werden, dass die Leinwand von Anfang an ein Muster hat und wir einfach auf dem Muster zeichnen.

<?php
    //使用现有的图形进行绘制
    $canvas = imagecreatefromjpeg(&#39;Desert.jpg&#39;);
    //创建画笔
    $paint_red = imagecolorallocate($canvas,255,0,0);
    //在创建一个蓝色的笔。
    $paint_blue = imagecolorallocate($canvas,0,0,255);
    //绘制一个填充的弧形,最后一个参数是连接的样式。
    imagefilledarc($canvas, 100, 100, 100, 100, 0, 180, $paint_blue,IMG_ARC_PIE 
);  


    //输出到浏览器
    header("content-type:image/png");
    //以png的形式输出到浏览器上
    imagepng($canvas);

    //销毁图形,释放内存
    imagedestroy($canvas);
Nach dem Login kopieren

Grundlegendes PHP-Tutorial 16: Verwendung der GD-Bibliothek zum Zeichnen von Grafiken
Sie können dem Ergebnis entnehmen, dass in der oberen linken Ecke des Diagramms ein gefüllter Halbkreis gezeichnet wird.

Wenn wir die Originalgrafiken nicht ändern möchten, können wir natürlich die Kopiermethode verwenden, um die vorhandenen Grafiken zu kopieren. Auf diese Weise spiegeln Ihre Änderungen an den Grafiken nicht die Originalgrafiken wider.

<?php
    //创建一个空白的画布
    $canvas = imagecreatetruecolor(500,500);
    //创建一个图片
    $image = imagecreatefromjpeg(&#39;Desert.jpg&#39;);
    //使用函数获取图片的信息,里面包括了图片的宽高。
    $image_info = getimagesize(&#39;Desert.jpg&#39;);
    //使用imagecopy()方法进行拷贝
    //第一个参数是把图形拷贝到那个画布,第二个参数是从哪里拷贝,第三,四个参数是拷贝到的画布从哪里开始,第五六七八个参数是被拷贝的图形从哪里开始,宽和高是多少
    imagecopy($canvas, $image, 0, 0, 0, 0, $image_info[0], $image_info[1]);

    //在拷贝的图形上绘制一个填充的矩形。

    $paint = imagecolorallocate($canvas,0,255,0);
    imagefilledrectangle($canvas, 100, 100, 300, 300, $paint);
    //输出到浏览器
    header("content-type:image/png");
    //以png的形式输出到浏览器上
    imagepng($canvas);

    //销毁图形,释放内存
    imagedestroy($canvas);
Nach dem Login kopieren

Grundlegendes PHP-Tutorial 16: Verwendung der GD-Bibliothek zum Zeichnen von Grafiken
Das Obige wird mit der Funktion imagecopy() erledigt. Bei der Verwendung dieser Funktion müssen wir auf die darin enthaltenen Parameter achten.

在开发中我们会遇到在一张图片上打印上水印。这里我们有两个函数都可以进行imagestring()函数和imagettftext()函数,但是这两个函数是有不同的,imagestring()函数不支持中文,并且它支持的字体太少,只有五种字体,imagettftext()函数可以很好的输出中文,并且它的字体可以自由的设置,但是这个函数需要一个字体文件。

<?php

    //创建一个空白的画布
    $canvas = imagecreatetruecolor(500,500);
    //创建一个图片
    $image = imagecreatefromjpeg(&#39;Desert.jpg&#39;);
    //使用函数获取图片的信息,里面包括了图片的宽高。
    $image_info = getimagesize(&#39;Desert.jpg&#39;);
    //使用imagecopy()方法进行拷贝
    imagecopy($canvas, $image, 0, 0, 0, 0, $image_info[0], $image_info[1]);
    //绘制水印的
    $paint = imagecolorallocate($canvas, 255, 0, 0);
    //使用imagestring()函数
    $str = &#39;lijiafei&#39;;
    //这个函数第二个参数是设置字体的,只能是1-5,
    imagestring($canvas, 5, 100, 300, $str, $paint);

    //使用imagettftext()函数
    $text = &#39;这是一张中文的水印&#39;;
    imagettftext($canvas, 30, 0, 100, 200, $paint, &#39;STXINGKA.TTF&#39;, $text);

    header("content-type:image/png");
    //以png的形式输出到浏览器上
    imagepng($canvas);

    //销毁图形,释放内存
    imagedestroy($canvas);
Nach dem Login kopieren

Grundlegendes PHP-Tutorial 16: Verwendung der GD-Bibliothek zum Zeichnen von Grafiken

在上面的代码中我们可以看到使用两个函数进行水印的打印。

  • imagestring(resource $image , int $font , int $x , int $y , string $s , int $col )

    1. 第一个参数可以理解为是一个画布,

    2. 第二个参数是水印的字体大小,这里只支持1-5五种字体。

    3. 第三、四个参数是水印位于图片的那个位置,坐标位于字体的左上角。

    4. 第五个参数是需要打印的字体。

    5. 第六个参数字体的颜色。

  • imagettftext(resource $image,float $size,float $angle,int $x,int $y,int $color,string $fontfile,string $text)这个函数的参数有点多,但是也不难理解。

    1. 第一个参数是一个画布

    2. 第二个参数是字体的大小,这里的字体的大小我们可以自由的设置,数字越大,字体越大。

    3. 第三个参数是字体倾斜的度数,按照逆时针的顺序进行倾斜。

    4. 第四、五个参数是字体位于图片的位置,这里的坐标是从字体的左下角计算的,和上面的不同。

    5. 第六个参数是字体的颜色。

    6. 第七个参数是一个字体文件的名字,在我们的C:\Windows\Fonts下有很多字体,我们可以选择一种字体,字体文件我们需要粘贴到当前文件下面才能生效。

    7. 第八个参数是需要打印的字。

绘图案例

上面我们介绍了大多数函数的介绍,这里我们做一个案列,这个案例说白了就是利用不同的函数进行拼接图形。

Grundlegendes PHP-Tutorial 16: Verwendung der GD-Bibliothek zum Zeichnen von Grafiken

代码:

<?php
    //创建一个画布
    $canvas = imagecreatetruecolor(500, 500);
    //蓝色的笔
    $blue = imagecolorallocate($canvas, 0, 0, 255);
    //白的的笔
    $white = imagecolorallocate($canvas,255,255,255);
    //黑色的笔
    $black = imagecolorallocate($canvas,0,0,0);
    //红色的笔
    $red = imagecolorallocate($canvas,255,0,0);
    //画头,画一个填充颜色是蓝色的圆。
    imagefilledellipse($canvas, 150, 150, 130, 105, $blue);
    //画脸,画一个填充颜色是白色的圆。但是圆的原点比头的原点要往下一点。
    imagefilledellipse($canvas, 150, 160, 110, 90, $white);
    //画两个眼睛
    imageellipse($canvas, 140, 130, 20, 30, $black);
    imageellipse($canvas, 160, 130, 20, 30, $black);
    //画两个眼珠
    imagefilledellipse($canvas, 140, 130, 5, 5, $black);
    imagefilledellipse($canvas, 160, 130, 5, 5, $black);
    //画鼻子
    imagefilledellipse($canvas, 150, 150, 10, 10, $red);
    //画鼻子下面的一条线
    imageline($canvas,150,155,150,165,$black);
    //画嘴
    imagefilledarc($canvas, 150,165, 75, 60, 0, 180, $red,IMG_ARC_PIE);
    //画嘴的两个角
    imagearc($canvas, 114,156, 20, 20, 90, 270, $black);
    imageline($canvas,114,165,187,165,$black);
    imagearc($canvas, 187,156, 20, 20, 270, 90, $black);
    //把嘴巴画成黑色
    imagearc($canvas, 150,165, 75, 60, 0, 180, $black);


    header("content-type:image/png");

    imagepng($canvas);
    imagedestroy($canvas);
Nach dem Login kopieren

利用绘图制作验证码

我们在开头提到过,我们可以利用绘图技术来进行网站验证码的制作,而验证码的生成可以看成在一张图片上把随机产生的字体打印在图片上。同时在图片上有一些点进行视线的骚扰,这里我们可以创建一个类,然后通过不同的方法进行不同的操作。

  1. 创建一个方法进行随机数的生成。

    /*
    生成随机码
     */
    private function mkCode(){
        //通过类的参数获取需要的随机数的个数。这个值可以自由的指定
        $len = $this -> _len;
        //我们生成的随机数的字母喝数字就是在这里面进行随机生成。
        $str = &#39;ABCDEFGHIGKLMNOPQRST1234567890&#39;;
        $code = &#39;&#39;;
        //通过循环的生成随机数进行获取
        for($i = 0; $i < $len; $i++){
            //生成随机数
            $j = mt_rand(0,strlen($str)-1);
            //把随机生成的随机数拼接起来。
            $code .= $str[$j];
        }
        //把生成的随机数,保存在session中,便于当我们输入验证码是验证是否正确。
        @session_start();
        $_SESSION[&#39;code&#39;] = $code;
        return $code;
    }
    Nach dem Login kopieren

    我们在生成随机码的时候,可以指定生成的随机数的长度,默认是4个。通过mt_rand(参数1,参数2)函数生成不同的数字。这个函数返回一个参数1和参数2之间(包括这两个数)的int类型的数字。

  2. 上面我们已经生成一个随机的验证码。那么接下来就可以把随机生成的随机数打印到一个画布上。

    //生成验证码
        public function makeImage(){
            //获取随机生成的随机码
            $code = $this -> mkCode();
            //通过类的属性指定图形的大小,默认是100,20
            $canvas = imagecreatetruecolor($this -> _width, $this -> _height);
            //随机生成一个颜色的画笔
            $paint = imagecolorallocate($canvas,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
            //把背景的颜色进行改变,默认是黑色的。
            imagefill($canvas, 10, 10, $paint);
            //创建一个画随机码的笔,颜色也是随机生成的。
            $paint_str = imagecolorallocate($canvas,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
            //把随机码打印在画布上。
            imagestring($canvas, 4, 20, 2, $code, $paint_str);
            //绘制干扰点的颜色
            $paint_pixel = imagecolorallocate($canvas,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
            //通过类的属性指定需要多少个干扰点。
            for($i = 0; $i < $this -> _pixel; $i++){
                //绘制不同的干扰点,而绘制的位置也是随机生成的。
                imagesetpixel($canvas, mt_rand(0,imagesx($canvas)),  mt_rand(0,imagesy($canvas)), $paint_pixel);
            }
            header("content-type:image/png");
            imagepng($canvas);
            imagedestroy($canvas);
        }
    Nach dem Login kopieren
    1. 先通过本类的方法获取一个随机生成的随机数。

    2. 把画布的背景进行不同颜色的转变

    3. 把随机码绘制在画布上。

    4. 通过循环绘制不同的干扰点。

源代码:

<?php

    Class Cap{
        //生成的字符的长度
        private $_len = 4;
        //干扰点的个数
        private $_pixel = 100;

        private $_width = 100;
        private $_height = 20;

        public function __set($pro,$val){
            if(property_exists($this, $pro)){
                $this -> $pro = $val;
            }
        }

        /*
        生成随机码
         */
        private function mkCode(){
            //通过类的参数获取需要的随机数的个数。这个值可以自由的指定
            $len = $this -> _len;
            //我们生成的随机数的字母喝数字就是在这里面进行随机生成。
            $str = &#39;ABCDEFGHIGKLMNOPQRST1234567890&#39;;
            $code = &#39;&#39;;
            //通过循环的生成随机数进行获取
            for($i = 0; $i < $len; $i++){
                //生成随机数
                $j = mt_rand(0,strlen($str)-1);
                //把随机生成的随机数拼接起来。
                $code .= $str[$j];
            }
            //把生成的随机数,保存在session中,便于当我们输入验证码是验证是否正确。
            @session_start();
            $_SESSION[&#39;code&#39;] = $code;
            return $code;
        }
        //生成验证码
        public function makeImage(){
            //获取随机生成的随机码
            $code = $this -> mkCode();
            //通过类的属性指定图形的大小,默认是100,20
            $canvas = imagecreatetruecolor($this -> _width, $this -> _height);
            //随机生成一个颜色的画笔
            $paint = imagecolorallocate($canvas,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
            //把背景的颜色进行改变,默认是黑色的。
            imagefill($canvas, 10, 10, $paint);
            //创建一个画随机码的笔,颜色也是随机生成的。
            $paint_str = imagecolorallocate($canvas,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
            //把随机码打印在画布上。
            imagestring($canvas, 4, 20, 2, $code, $paint_str);
            //绘制干扰点的颜色
            $paint_pixel = imagecolorallocate($canvas,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
            //通过类的属性指定需要多少个干扰点。
            for($i = 0; $i < $this -> _pixel; $i++){
                //绘制不同的干扰点,而绘制的位置也是随机生成的。
                imagesetpixel($canvas, mt_rand(0,imagesx($canvas)),  mt_rand(0,imagesy($canvas)), $paint_pixel);
            }
            header("content-type:image/png");
            imagepng($canvas);
            imagedestroy($canvas);
        }

        //判断验证码和填写的验证码是否正确
        public function checkCode($code){
            @session_start();
            if(strtolower($code) === strtolower($_SESSION[&#39;code&#39;])){
                return true;
            }
            return false;
        }
    }
    $cap = new Cap();
    $cap -> makeImage();
Nach dem Login kopieren

运行代码,每次刷新都可以生成一个不同的验证码。

Grundlegendes PHP-Tutorial 16: Verwendung der GD-Bibliothek zum Zeichnen von Grafiken

总结

PHP的图形绘制,简单的可以理解为不同的函数的利用。上面的案列几乎都是函数的利用。同时也要理解绘制图形的步骤,在绘制图形时,注意坐标是那几个参数。

 以上就是PHP基础教程十六之使用GD库进行图形绘制的内容,更多相关内容请关注PHP中文网(www.php.cn)!


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