10.2 用图片处理函数画一张图

最后更新于:2022-04-02 00:21:25

一起来看看下面有一张图: ![document/2015-09-19/55fd0208765ad](http://box.kancloud.cn/document_2015-09-19_55fd0208765ad.png) 我们该怎么把这张图给画出来呢。 我们按照步骤能够分析出来: 1. 画图 2. 准备好画这张图需要的颜色 3. 填充背景颜色 4. 画两条对角线 5. 在上面画一个圆 6. 在圆上面画一个矩型 7. 保存图片 8. 销毁资源 **一、我们根据这张图推出出来步骤。我们来分析需要使用到的函数:** ~~~ //使用imagecreate函数创建图片,返回资源 $img = imagecreate(500,500); ~~~ **二、图片创建完成我们需要向图片资源填加颜色,需要使用到函数** ~~~ $颜色变量 = imagecolorallocate ( resource $图片资源 , int $红 , int $绿 , int $蓝 ) ~~~ 红、绿、蓝是计算机里面操作图片的三个基本色。由这三个颜色来组合成我们肉眼所看到的所有颜色。 因此 imagecolorallocate 先输入图片资源,操作这个资源。为这个图片资源准备颜色。 就相当于在画画的时候,先把画布准备好,再准备颜料。 根据这张图,我们需要准备出来的颜色有: 1. 绿 2. 蓝 3. 黑 4. 棕 按照计算机的配色原则分配的话,我们下面的颜色分配的代码就要写成下面的样子: ~~~ //红 $red = imagecolorallocate($img, 255, 0, 0); //绿 $green = imagecolorallocate($img, 0, 255, 0); //蓝 $blue = imagecolorallocate($img, 0, 0, 255); //棕 $yellow = imagecolorallocate($img, 121, 72, 0); ~~~ 这中图片中需要用到的几个颜色的色值。 **三、 将颜色添加到背景进行填充** ~~~ imagefilledrectangle ( resource $图片资源 , int $点1x轴, int $点1y轴 , int $点2x轴 , int $点2y轴 , int $color ) ~~~ 这个函数需要涉及到几何的一点点知识。 1. 一个点由x 坐标和y 坐标组成一个点 2. 两个点可以组成一个直线 3. 这条线如果不是水平或者垂直的线可以组成一个矩形 如下图: ![document/2015-09-19/55fd0d5be46bb](http://box.kancloud.cn/document_2015-09-19_55fd0d5be46bb.png) 点1和点2,可以变成一个矩形。因此,我们输出两个坐标点,可以对画布进行填充。 如果要填充整个画布的话: 点1 为x轴为画布的0位置,点1的y轴也为画布的0位置。 点2 为x轴为画布的500位置,点2的y轴也为画布的500位置。 **四、画两条对角线** 画一条对角线,对角线是红色。 第一条对角线的坐标为0和0,500和500 第二条对角线的坐标为500和0,0和500 ~~~ imageline($img, 0, 0, 500, 500, $red); imageline($img, 500, 0, 0, 500, $blue); ~~~ **五、在上面画一个圆** > bool imagefilledellipse ( resource $图片资源 , int $圆心x , int $圆心y , int $圆的宽 , int $圆的高 , int $圆的颜色 ) ~~~ imagefilledellipse($img, 250, 250, 200, 200, $yellow); ~~~ 操作这个资源,写上圆心的坐标。然后写上长和宽。如果长宽一致为正圆,不一致则为椭圆。 **六、在圆上面画一个矩型** ~~~ imagefilledrectangle($img, 200, 200, 300, 300, $blue); ~~~ 这个我们在上面一个中讲过,我们就不细说了。 **七、保存图片** > bool imagejpeg ( resource $image [, string $filename]) **八、销毁图片资源** imagedestroy($img); 我们来看一下最终组合出来的代码: ~~~ ~~~
';