PHP网站开发系列课程.pptx

《PHP网站开发系列课程.pptx》由会员分享，可在线阅读，更多相关《PHP网站开发系列课程.pptx（26页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、会计学1PHP网站开发系列网站开发系列(xli)课程课程PPT课件课件第一页，共26页。第八章第八章第八章第八章 应用应用应用应用(yngyng)(yngyng)(yngyng)(yngyng)技术技术技术技术1.1.图像处理图像处理图像处理图像处理(t xin(t xin ch ch l l)库库库库在在在在PHPPHP中，我们可以借助中，我们可以借助中，我们可以借助中，我们可以借助PHPPHP的图形处理库的图形处理库的图形处理库的图形处理库(GD2)(GD2)操作不同类型的图片格式，如：操作不同类型的图片格式，如：操作不同类型的图片格式，如：操作不同类型的图片格式，如：JPEG GIF P

2、NGJPEG GIF PNG等等等等而且而且而且而且PHPPHP可以直接将图像输出到浏览器。可以直接将图像输出到浏览器。可以直接将图像输出到浏览器。可以直接将图像输出到浏览器。第1页/共26页第二页，共26页。第八章第八章第八章第八章 应用应用应用应用(yngyng)(yngyng)(yngyng)(yngyng)技术技术技术技术在在在在PHPPHP中，我们可以中，我们可以中，我们可以中，我们可以(ky(ky)通过通过通过通过imagecreate()imagecreate()函数来创建函数来创建函数来创建函数来创建一张基于调色板的图片，语法为：一张基于调色板的图片，语法为：一张基于调色板的图

3、片，语法为：一张基于调色板的图片，语法为：Imagecreate(Imagecreate(宽，高宽，高宽，高宽，高););创建一张指定长宽的图片，创建成功将返回图片创建一张指定长宽的图片，创建成功将返回图片创建一张指定长宽的图片，创建成功将返回图片创建一张指定长宽的图片，创建成功将返回图片标识符。标识符。标识符。标识符。注意：如果你要将图像创建到浏览器，必须装载注意：如果你要将图像创建到浏览器，必须装载注意：如果你要将图像创建到浏览器，必须装载注意：如果你要将图像创建到浏览器，必须装载相应的图片头文件，如相应的图片头文件，如相应的图片头文件，如相应的图片头文件，如GIFGIFHeader(“C

4、ontent-Type:image/gif”);Header(“Content-Type:image/gif”);第2页/共26页第三页，共26页。第八章第八章第八章第八章 应用应用应用应用(yngyng)(yngyng)(yngyng)(yngyng)技术技术技术技术第3页/共26页第四页，共26页。第八章第八章第八章第八章 应用应用应用应用(yngyng)(yngyng)(yngyng)(yngyng)技术技术技术技术1.1.图像处理库图像处理库图像处理库图像处理库当我们运行了程序后发现，结果当我们运行了程序后发现，结果当我们运行了程序后发现，结果当我们运行了程序后发现，结果(ji gu(

5、ji gu)并不象我们预料并不象我们预料并不象我们预料并不象我们预料的那样在浏览器上生产了一张图片。的那样在浏览器上生产了一张图片。的那样在浏览器上生产了一张图片。的那样在浏览器上生产了一张图片。为什么会产生这样的结果为什么会产生这样的结果为什么会产生这样的结果为什么会产生这样的结果(ji gu(ji gu)呢？呢？呢？呢？因为这个图片仅仅被创建在服务器端的内存中，因为这个图片仅仅被创建在服务器端的内存中，因为这个图片仅仅被创建在服务器端的内存中，因为这个图片仅仅被创建在服务器端的内存中，并没有输出到浏览器上或者文件中。并没有输出到浏览器上或者文件中。并没有输出到浏览器上或者文件中。并没有输出

6、到浏览器上或者文件中。第4页/共26页第五页，共26页。第八章第八章第八章第八章 应用应用应用应用(yngyng)(yngyng)(yngyng)(yngyng)技术技术技术技术1.1.图像处理图像处理图像处理图像处理(t xin(t xin ch ch l l)库库库库如果想让如果想让如果想让如果想让PHPPHP将图片输出到浏览器或文件中将图片输出到浏览器或文件中将图片输出到浏览器或文件中将图片输出到浏览器或文件中可以使用可以使用可以使用可以使用imagegifimagegif函数，语法为：函数，语法为：函数，语法为：函数，语法为：Imagegif(Imagegif(图片标识符图片标识符图片

7、标识符图片标识符，文件名，文件名，文件名，文件名)以以以以GIFGIF格式将文件输出到文件或浏览器。格式将文件输出到文件或浏览器。格式将文件输出到文件或浏览器。格式将文件输出到文件或浏览器。如果没有规定第二个属性，图片将被输出到浏览器如果没有规定第二个属性，图片将被输出到浏览器如果没有规定第二个属性，图片将被输出到浏览器如果没有规定第二个属性，图片将被输出到浏览器如果指定第二个属性，图片将会以文件保存起来，如果指定第二个属性，图片将会以文件保存起来，如果指定第二个属性，图片将会以文件保存起来，如果指定第二个属性，图片将会以文件保存起来，图片将不会有任何输出到浏览器。图片将不会有任何输出到浏览器

8、。图片将不会有任何输出到浏览器。图片将不会有任何输出到浏览器。第5页/共26页第六页，共26页。第八章第八章第八章第八章 应用应用应用应用(yngyng)(yngyng)(yngyng)(yngyng)技术技术技术技术1.1.图像处理图像处理图像处理图像处理(t xin(t xin ch ch l l)库库库库第6页/共26页第七页，共26页。第八章第八章第八章第八章 应用应用应用应用(yngyng)(yngyng)(yngyng)(yngyng)技术技术技术技术1.1.图像处理库图像处理库图像处理库图像处理库为了提高图片的质量，我们为了提高图片的质量，我们为了提高图片的质量，我们为了提高图片

9、的质量，我们(w(w men)men)往往不用往往不用往往不用往往不用imagecreateimagecreate函数来创建图片。取而代之的是使用真彩色图片，函数来创建图片。取而代之的是使用真彩色图片，函数来创建图片。取而代之的是使用真彩色图片，函数来创建图片。取而代之的是使用真彩色图片，语法为：语法为：语法为：语法为：Imagecreatetruecolor(Imagecreatetruecolor(宽，高宽，高宽，高宽，高););创建一张指定的宽和高的真彩色图像，返回图像标创建一张指定的宽和高的真彩色图像，返回图像标创建一张指定的宽和高的真彩色图像，返回图像标创建一张指定的宽和高的真彩色图

10、像，返回图像标识符。识符。识符。识符。第7页/共26页第八页，共26页。第八章第八章第八章第八章 应用应用应用应用(yngyng)(yngyng)(yngyng)(yngyng)技术技术技术技术1.1.图像处理库图像处理库图像处理库图像处理库同样，为了适合多种多样的图片格式，同样，为了适合多种多样的图片格式，同样，为了适合多种多样的图片格式，同样，为了适合多种多样的图片格式，PHPPHP根据图根据图根据图根据图片格式的不同给我们提供了多种输出图片的函数。片格式的不同给我们提供了多种输出图片的函数。片格式的不同给我们提供了多种输出图片的函数。片格式的不同给我们提供了多种输出图片的函数。语法：语法

11、：语法：语法：Imagepng(Imagepng(图像标识符图像标识符图像标识符图像标识符，文件名，文件名，文件名，文件名)Imagejpeg(Imagejpeg(图像标识符图像标识符图像标识符图像标识符，文件名，图片质量，文件名，图片质量，文件名，图片质量，文件名，图片质量(zhling)(zhling)Imagewbmp(Imagewbmp(图像标识符图像标识符图像标识符图像标识符，文件名，文件名，文件名，文件名)在这里需要注意的是，当使用在这里需要注意的是，当使用在这里需要注意的是，当使用在这里需要注意的是，当使用imagejpegimagejpeg的时候，的时候，的时候，的时候，可以规

12、定图片的质量可以规定图片的质量可以规定图片的质量可以规定图片的质量(zhling)(zhling)以达到指定要求以达到指定要求以达到指定要求以达到指定要求范围是范围是范围是范围是0-100 00-100 0为最差，但文件最小为最差，但文件最小为最差，但文件最小为最差，但文件最小 100 100为最优为最优为最优为最优第8页/共26页第九页，共26页。第八章第八章 应用应用(yngyng)(yngyng)技术技术1.图像处理库图像处理库通过以上的操作，我们已经可以建立一张通过以上的操作，我们已经可以建立一张图像了，但是仅仅这还是不够的，我们还图像了，但是仅仅这还是不够的，我们还可以通过函数对图片

13、进行着色，语法为：可以通过函数对图片进行着色，语法为：Imagecolorallocate(图像标识，红，绿，蓝图像标识，红，绿，蓝)为一副图像分配颜色，成功则返回为一副图像分配颜色，成功则返回(fnhu)一一个颜色个颜色标识符。这里的红绿蓝的取值范围是从标识符。这里的红绿蓝的取值范围是从0-255第9页/共26页第十页，共26页。第八章第八章 应用应用(yngyng)(yngyng)技术技术1.图像处理库图像处理库当我们定义了颜色后，就可以使用当我们定义了颜色后，就可以使用imagefill函数函数(hnsh)对图片中指定的区域进行颜色对图片中指定的区域进行颜色的填充了的填充了语法为：语法为

14、：Imagefill(图片标识，图片标识，X坐标，坐标，Y坐标，颜色坐标，颜色);在图像指定的区域为图像填充颜色。在图像指定的区域为图像填充颜色。第10页/共26页第十一页，共26页。第八章第八章 应用应用(yngyng)(yngyng)技术技术1.图像处理图像处理(t xin ch l)库库第11页/共26页第十二页，共26页。第八章第八章 应用应用(yngyng)(yngyng)技术技术1.图像处理图像处理(t xin ch l)库库第12页/共26页第十三页，共26页。第七章第七章 应用应用(yngyng)(yngyng)技术技术除了上面所做的操作外，我们还可以除了上面所做的操作外，我们

15、还可以(ky)(ky)向图片向图片中写入文字，语法为：中写入文字，语法为：Imagettftext(Imagettftext(图像标识，字体大小，角度，图像标识，字体大小，角度，X X坐标，坐标，Y Y坐标，颜色，字体文件名，字符串坐标，颜色，字体文件名，字符串););用指定字体文件向图片中写入文本。用指定字体文件向图片中写入文本。注意：注意：这里的这里的X X，Y Y坐标是以图片左上角为坐标是以图片左上角为0.00.0坐标计坐标计算的。算的。第13页/共26页第十四页，共26页。第七章第七章 应用应用(yngyng)(yngyng)技术技术第14页/共26页第十五页，共26页。第七章第七章

16、应用应用(yngyng)(yngyng)技术技术第15页/共26页第十六页，共26页。第七章第七章 应用应用(yngyng)(yngyng)技术技术通过上面的函数，就可以向图片通过上面的函数，就可以向图片(tpin)(tpin)中中写入你写入你想写的内容了，当我们试图向图片想写的内容了，当我们试图向图片(tpin)(tpin)中写入中写入中文的时候，可能会遇到一些麻烦。中文的时候，可能会遇到一些麻烦。第16页/共26页第十七页，共26页。第17页/共26页第十八页，共26页。第七章第七章 应用应用(yngyng)(yngyng)技术技术第18页/共26页第十九页，共26页。第七章第七章 应用应

17、用(yngyng)(yngyng)技术技术为什么会出现这样的情况呢？为什么会出现这样的情况呢？因为在图片中能够识别的编码格式为因为在图片中能够识别的编码格式为UTF-8UTF-8而我们现在所用的编码格式为而我们现在所用的编码格式为GB2312GB2312，要想在图片中显示中文，必须要将编码进行要想在图片中显示中文，必须要将编码进行转换后才能够正常的现实。在转换后才能够正常的现实。在PHPPHP可以可以(ky)(ky)通过通过iconviconv函数对编码进行转换，语法为：函数对编码进行转换，语法为：iconv(iconv(当前编码，要转换的编码，字符串当前编码，要转换的编码，字符串););将字

18、符串从当前编码转换成指定编码。将字符串从当前编码转换成指定编码。第19页/共26页第二十页，共26页。第七章第七章 应用应用(yngyng)(yngyng)技术技术第20页/共26页第二十一页，共26页。第七章第七章 应用应用(yngyng)(yngyng)技术技术第21页/共26页第二十二页，共26页。第七章第七章 应用应用(yngyng)(yngyng)技术技术除了可以在图像中写入文字以外除了可以在图像中写入文字以外(ywi)(ywi)，PHPPHP还还允许你想图片中画点与线，语法为：允许你想图片中画点与线，语法为：imagesetpixel(imagesetpixel(图像标识，图像标识

19、，X X坐标，坐标，Y Y坐标，坐标，颜颜色色)向图片中绘制一个单一像素的点。向图片中绘制一个单一像素的点。imageline(imageline(图像标识，开始点图像标识，开始点X X坐标，开始点坐标，开始点Y Y坐标，结束点坐标，结束点X X坐标，结束点坐标，结束点Y Y坐标，颜色坐标，颜色)在图片上绘制一条直线。在图片上绘制一条直线。第22页/共26页第二十三页，共26页。第23页/共26页第二十四页，共26页。第七章第七章 应用应用(yngyng)(yngyng)技术技术第24页/共26页第二十五页，共26页。作业作业(zuy)根据今天所学的知识，制作验证码程序要求，可以随意调整验证码的长和宽验证码必须生成干扰(gnro)码验证码必须由数字和英文组成验证码背景图片及字体大小角度可变第25页/共26页第二十六页，共26页。