PHP基礎教學十六之使用GD函式庫進行圖形繪製

黄舟
發布: 2023-03-06 09:10:02
原創
6642 人瀏覽過

前言

我們在上網登入網頁的時候,絕大多數都要輸入驗證碼,進行驗證,才能登入,而PHP程式設計師可以根據情況自行繪製驗證碼,在PHP中,簡單的驗證碼,我們可以使用PHP自帶的繪圖功能來繪製,並且我們也可以使用PHP的繪圖對圖片進行水印的增加…

PHP繪圖座標系

我們學數學的時候都要學習座標系,這裡就不在進行闡述,在程式語言中也是有座標系的存在,但是程式語言的座標系和數學上的座標係是不一樣的。

在PHP座標系中,座標原點位於左上角
,X軸為水平方向,Y軸是目前位置的垂直方向,同時座標系的單位是像素。
PHP基礎教學十六之使用GD函式庫進行圖形繪製

像素

上面說到座標系的座標點是像素,像素是一個密度單位,它的大小和使用者的螢幕有關係。

像素:電腦在螢幕上顯示的內容都是由螢幕上的每一個像素組成的,例如,電腦顯示器的解析度是800×600,表示電腦螢幕上的每一行由800個點組成,共有600行,整個電腦螢幕共有480000個像素。

注意:像素是密度單位,公分是長度單位。

PHP繪圖

在PHP中如果要使用繪圖技術,必須開啟gd2擴充庫。在PHP.ini檔案中進行打開,開啟後重新啟動伺服器。

PHP基礎教學十六之使用GD函式庫進行圖形繪製

在PHP繪圖功能中的函數都是以image開頭的。並且整個函數都是小寫。在幫助文件中有很多函數。在我們需要的時候可以在裡面找:函數參考-影像產生和處理-GD-GD和影像處理函數。我們在進行PHP繪圖中,一般可以依照步驟一步一步完成。

繪圖的步驟

  1. 建立一個圖像資源,相當於一個畫布,我們可以在這個畫布上繪畫(相當於一張紙),創建畫布方式中的一種:

    $canva = imagecreatetruecolor(宽,高)
    登入後複製
  2. 創建一個畫筆,使用畫筆在畫布上繪畫,而畫筆的顏色可以用RGB進行配置。方法裡面的參數是 0 到 255 的整數或十六進位的 0x00 到 0xFF。

    $paint = imagecolorallocate(画布,三原色(r,g,b));
    登入後複製
  3. 繪製圖形,這裡只是繪製一條直線,也可以繪製其他任意的圖像。

    imageline(画布,startX,startY,endX,endY,画笔);
    登入後複製
  4. 繪製完成,可以輸出到網頁上。也可以儲存在某個目錄下。

  5. 銷毀繪圖的資源,及時的釋放記憶體。

    imagedestroy(画布);
    登入後複製

我們可以按照上面的步驟進行繪製不同的圖形,在進行繪製圖形的時候,我們可以進行不同的操作進行圖形的拼接,同時我們也可以創建不同的畫筆,進行不同顏色的繪製。

繪製不同的圖形

我們可以根據上面的步驟進行不同圖案的繪製。只不過是繪製不同的圖形需要不同的函數。函數的參數可以在幫助文件中進行查詢。

<?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);
登入後複製

PHP基礎教學十六之使用GD函式庫進行圖形繪製
上面的程式碼使用不同的函數來建立不同的圖形,但是我們在上面的程式碼中只有一個對圖像進行填充,例如我們畫一個圓裡面填充上顏色。可以使用imagefilledellipse()函數,這個函數只是比imageellipse()函數多了一個filled,裡面的參數還是一樣的。在繪製圖形中,如果要填滿圖形,一般是在image後面加上filled這個字母就可以了。

PHP繪製圖形是也可以使用現成的圖片來繪製,使用這種方式可以理解為畫布開始就有圖案了,我們只是在圖案上進行繪製。

<?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);
登入後複製

PHP基礎教學十六之使用GD函式庫進行圖形繪製
從結果可以看到在圖形的左上角畫了一個填滿的半圓形。

當然,如果我們不想修改原來的圖形,可以用copy方法把現有的圖形複製下來。這樣你對圖形的修改就不會形像到原來的圖形。

<?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);
登入後複製

PHP基礎教學十六之使用GD函式庫進行圖形繪製
上面使用imagecopy()函數進行,我們在使用這個函數的時候需要注意裡面的參數。

在开发中我们会遇到在一张图片上打印上水印。这里我们有两个函数都可以进行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);
登入後複製

PHP基礎教學十六之使用GD函式庫進行圖形繪製

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

  • 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. 第八个参数是需要打印的字。

绘图案例

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

PHP基礎教學十六之使用GD函式庫進行圖形繪製

代码:

<?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);
登入後複製

利用绘图制作验证码

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

  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;
    }
    登入後複製

    我们在生成随机码的时候,可以指定生成的随机数的长度,默认是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);
        }
    登入後複製
    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();
登入後複製

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

PHP基礎教學十六之使用GD函式庫進行圖形繪製

总结

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

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


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!