Heim > Artikel > Backend-Entwicklung > Detaillierte Erläuterung der Zeichentechnologie in PHP
Detaillierte Erläuterung der Zeichentechnologie in PHP
- 藏色散人nach vorne
- 2020-07-11 13:55:445617Durchsuche
In PHP kann mithilfe der PHP-Zeichnung das von uns gezeichnete Bild beim Zugriff auf die PHP-Datei angezeigt werden. Die PHP-Zeichentechnologie kann auf die Entwicklung von Berichten und den Entwurf von Verifizierungscodes angewendet werden.
Bevor wir die PHP-Zeichentechnologie einführen, müssen wir zunächst das Zeichenkoordinatensystem in PHP verstehen: Im PHP-Koordinatensystem befindet sich der Koordinatenursprung in Pixeln in der oberen linken Ecke. Koordinaten (x, y) – Die erste ist die x-Koordinate, die angibt, dass die aktuelle Position in horizontaler Richtung liegt und x Pixel vom Koordinatenursprung entfernt ist. Die zweite ist die y-Koordinate, die angibt, dass sich die aktuelle Position in befindet in vertikaler Richtung und ist y Pixel vom Koordinatenpunkt entfernt.
Besonderer Hinweis: Pixel ist keine Längeneinheit, sondern eine Dichteeinheit. Theoretisch gilt: Je kleiner die Auflösung, desto größer ist die Länge, die ein Pixel einnimmt.
Grundprinzipien und Schritte des PHP-Zeichnens
(1) erstellt Leinwand
(2) zeichnet Verschiedene Grafiken erforderlich (Kreis, Gerade, Rechteck, Bogen, Sektor...)
( > 3) Geben Sie das Bild auf einer Webseite aus oder speichern Sie es (Sie können es in mehreren gängigen Bildformaten für die Website-Entwicklung speichern). Basierend auf Speicherformatproblemen werden im Folgenden die Eigenschaften gängiger Bildformate vorgestellt )
(4) Zerstöre das Bild (Speicher freigeben)
Gängige Bildformate, die derzeit in der Website-Entwicklung verwendet werden, sind: gif jpg/jpeg png bmp...
Zusammenfassung :
gif Die Bildkomprimierungsrate ist hoch, es können jedoch nur 256 Farben angezeigt werden, was zu Farbverlusten führen kann. Animierte Bilder können angezeigt werden;
jpg/jpeg Das Bild hat eine hohe Komprimierungsrate (verlustbehaftete Komprimierung), kann in kleineren Dateien angezeigt werden und wird häufig verwendet auf Webseiten;
png (High Fidelity) Dieses Format vereint die Vorteile von gif und jpg Der Nachteil ist, dass keine Animation angezeigt werden kann.
Lassen Sie uns nun die Zeichenfunktionen vorstellen, die mit php geliefert werden . Bevor Sie mit der Vorlesung beginnen, überprüfen Sie zunächst, ob die gd-Bibliothek (PHP-Zeichnungsbibliothek) in der PHP-Konfigurationsdatei aktiviert wurde - extension=php_gd2.dll. Wenn es nicht aktiviert ist, müssen Sie Apache nach der Aktivierung neu starten! ! !
Beim PHP-Zeichnen müssen wir zunächst eine Leinwand erstellen. Die Standardhintergrundfarbe der Leinwand ist Schwarz.
//1.创建画布，默认的背景是黑色 $im=imagecreatetruecolor(400,300); //默认是黑色背景，修改为白色 $white=imagecolorallocate($im,255,255,255); imagefill($im,0,0,$white);
Mit dem Zeichnen von Grafiken auf Leinwand beginnen $im:
Wählen Sie diese Option aus, um Grafiken mit zu zeichnen Farbe (hier wird Rot verwendet)
//创建一个颜色 $red=imagecolorallocate($im,255,0,0);
(1) Zeichnen Sie eine Ellipse (natürlich können Sie damit auch einen Kreis zeichnen Funktion)
imageellipse($im,20,20,20,20,$red);
Der erste Parameter gibt an, welche Leinwand gezeichnet wird; der zweite und dritte Parameter geben die Mittelpunktskoordinaten der Ellipse an (x , y );
Der 4. und 5. Parameter stellen die Breite und Höhe der Ellipse dar (wenn Breite und Höhe gleich sind, ist die gezeichnete Ellipse natürlich ein Kreis);
Der sechste Parameter gibt die verwendete Farbe an.
(2) Zeichnen Sie eine gerade Linie
imageline($im,0,0,400,300,$red);
第1个参数表示在哪个画布在绘图；
第2、3个参数表示直线的起点坐标（x1，y1）；
第4、5个参数表示直线的终点坐标（x2，y2）；
第6个参数表示使用的颜色。
（3）画矩形
imagerectangle($im,2,2,40,50,$red);
第1个参数表示在哪个画布在绘图；
第2、3个参数表示矩形的左上角坐标（x1，y1）；
第4、5个参数表示矩形的宽、高；
第6个参数表示使用的颜色。
（4）画填充矩形
imagefilledrectangle($im,2,2,40,50,$red);
（参数含义同”画矩形“）
（5）画弧线
imagearc($im,100,100,50,50,0,30,$red);
画弧线是基于类似画椭圆的参数传递参数的。
第1个参数表示在哪个画布在绘图；
第2、3个参数表示弧线所在椭圆的中心坐标（x，y）；
第4、5个参数表示弧线所在椭圆的宽、高；
第6、7个参数表示从（第6个参数的值）度到（第7个参数的值）度（如，第6、7个参数值分别为0、30，此时表示从0°顺时针旋转30°画出弧线，而0°所在方向是水平向右的方向）；
第8个参数表示使用的颜色。
（6）画扇形
imagefilledarc($im,100,100,80,50,180,270,$red,IMG_ARC_PIE);
（前8个参数的含义同”画弧线“）第9个参数是php中自带的常量。该值可以为：
IMG_ARC_PIE
IMG_ARC_CHORD
IMG_ARC_NOFILL
IMG_ARC_EDGED
IMG_ARC_PIE和IMG_ARC_CHORD是互斥的；IMG_ARC_CHORD只是用直线连接了起始和结束点，IMG_ARC_PIE则产生圆形边界。IMG_ARC_NOFILL指明弧或弦只有轮廓，不填充。IMG_ARC_EDGED指明用直线将起始和结束点与中心点相连，和IMG_ARC_NOFILL一起使用是画饼状图轮廓的好方法（而不用填充）。
（7）拷贝源图片到目标画布
首先要加载源图片（如，arrow.jpg）
//加载源图片
$srcImage=imagecreatefrompng("arrow.jpg");这里特别注意的是：虽然我这张图片的后缀名为jpg，但实际上我调用的却是加载格式为jpg图片的函数。可能读者会纳闷，为什么不是调用imagecreatefromjpeg这个函数呢？实际上，文件的后缀名不能让我们断定该文件究竟属于哪种格式，也就是说即便现在这张图片的后缀名是.jpg，但是也有可能这个图片的真正格式是png格式。那么如何知道该图片的真正格式呢？可以使用getimagesize("arrow.jpg"); 查看该图片的格式。
$test=getimagesize("arrow.jpg");
print_r($test);打印出返回结果$test后，你就会知道它返回结果的含义了。包括我们可以清楚地知道该图片的”真面目“，其实格式是png格式。同样还可使用该函数，得到源图片的宽、高。
//这里我们可以使用一个getimagesize()
$srcImageInfo=getimagesize("arrow.jpg");
$imageWidth=$srcImageInfo[0];
$imageHeight=$srcImageInfo[1];得到宽、高后，将图片拷贝到目标画布上。
//拷贝源图片到目标画布 imagecopy($im,$srcImage,0,0,100,0,$imageWidth,$imageHeight);
第1个参数表示在哪个画布在绘图；
第2参数表示加载的源图片；
第3、4个参数表示目标画布的坐标（x1，y1）（拷贝至画布的坐标（x1，y1）位置）；
第5、6个参数表示截取原图片的左上角的坐标（x2，y2）位置；
第7、8个参数表示截取原图片的宽、高值。
（8）写字
$str="hello,world!你好，世界！"; //使用imagestring写中文会出现乱码 imagestring($im,5,0,0,$str,$red);
第1个参数表示在哪个画布在绘图；
第2个参数表示内置字体（取值是1、2、3、4或5）；
第3、4个参数表示所要绘制的内容的左上角的位置坐标；
第5个参数表示所要绘制的内容；第6个参数表示使用的颜色。
使用imagestring函数绘制中文时会出现乱码，这里需要使用到另一个函数 imagettftext。
//在字体库中找中文字体（将字体拷贝到当前目录） //字体旋转时是逆时针旋转 imagettftext($im,15,10,50,50,$red,"SIMYOU.TTF",$str);
第1个参数表示在哪个画布在绘图；
第2个参数表示字体大小；
第3个参数表示设置字体旋转的角度；
第4、5个参数表示所要绘制的内容的左上角的位置坐标；
第6个参数表示使用的颜色；
第7个参数表示字体名称，从字体库复制到当前目录下的字体名；
第8个参数表示所要绘制的内容。
最后，绘制完毕后，需要将图像输出到网页——http响应，另存！
同时还要销毁该图片（释放内存——服务器的内存）。
//3.输出图像到网页，也可以另存
header("content-type:image/png");
imagepng($im);
//4.销毁该图片（释放内存--服务器内存）
imagedestory($im);特别注意：绘制完毕后要释放内存这一操作。
完整php程序代码：
<?php
//php绘图技术，参考文档
//1.创建画布，默认的背景是黑色
$im=imagecreatetruecolor(400,300);
//默认是黑色背景，修改为白色
$white=imagecolorallocate($im,255,255,255);
imagefill($im,0,0,$white);
//2.绘制需要的各种图形（圆，直线，矩形，弧线，扇形...）
//创建一个颜色
$red=imagecolorallocate($im,255,0,0);
//圆
imageellipse($im,20,20,20,20,$red);
//直线
imageline($im,0,0,400,300,$red);
//矩形
imagerectangle($im,2,2,40,50,$red);
//填充矩形
imagefilledrectangle($im,2,2,40,50,$red);
//弧线
imagearc($im,100,100,50,50,0,30,$red);
//扇形
imagefilledarc($im,100,100,80,50,180,270,$red,IMG_ARC_PIE);
//拷贝图片到画布
//加载源图片
$srcImage=imagecreatefrompng("arrow.jpg");
//$test=getimagesize("arrow.jpg");
//print_r($test);
//这里我们可以使用一个getimagesize()
$srcImageInfo=getimagesize("arrow.jpg");
$imageWidth=$srcImageInfo[0];
$imageHeight=$srcImageInfo[1];
//拷贝源图片到目标画布
imagecopy($im,$srcImage,0,0,100,0,$imageWidth,$imageHeight);
//写字
$str="hello,world!你好，世界！";
//使用imagestring写中文会出现乱码
imagestring($im,5,0,0,$str,$red);
//在字体库中找中文字体（将字体拷贝到当前目录）
//字体旋转时是逆时针旋转
imagettftext($im,15,10,50,50,$red,"SIMYOU.TTF",$str);
//3.输出图像到网页，也可以另存
header("content-type:image/png");
imagepng($im);
//4.销毁该图片（释放内存--服务器内存）
imagedestory($im);
?>这里还有一个案例（在php手册中也有）——绘制3D饼状图：
<?php
//分析思路（先画出扇形）
//1.画布
$im=imagecreatetruecolor(400,300);
//默认是黑色背景，修改为白色
$white=imagecolorallocate($im,255,255,255);
imagefill($im,0,0,$white);
//2.画出扇形
//创建三个颜色
$red=imagecolorallocate($im,254,0,0);
$darkred=imagecolorallocate($im,144,0,0);
$blue=imagecolorallocate($im,0,0,128);
$darkblue=imagecolorallocate($im,0,0,80);
$gray=imagecolorallocate($im,192,192,192);
$darkgray=imagecolorallocate($im,144,144,144);
for($i=60;$i>=50;$i--) {
imagefilledarc($im,100,$i,100,50,75,360,$darkred,IMG_ARC_PIE);
imagefilledarc($im,100,$i,100,50,0,35,$darkblue,IMG_ARC_PIE);
imagefilledarc($im,100,$i,100,50,35,75,$darkgray,IMG_ARC_PIE);
}
imagefilledarc($im,100,50,100,50,75,360,$red,IMG_ARC_PIE);
imagefilledarc($im,100,50,100,50,0,35,$blue,IMG_ARC_PIE);
imagefilledarc($im,100,50,100,50,35,75,$gray,IMG_ARC_PIE);
//输出图像到网页，也可以另存
header("content-type:image/png");
imagepng($im);
//销毁该图片（释放内存--服务器内存）
imagedestory($im);
//可以将其封装成一个函数
?>结果如下：
另外，我们可以使用php绘图技术制作验证码，这里不多加解释，程序代码如下：
checkCode.php
<?php
//echo rand(2,9);
//echo "<br/>".dechex(rand(1,15))."<br/>";
session_start();
$checkCode="";
for($i=0;$i<4;$i++) {
$checkCode.=dechex(rand(1,15));
}
//讲随机验证码保存到session中
$_SESSION['myCheckCode']=$checkCode;
//创建图片，并把随机数画上去
$img=imagecreatetruecolor(110, 30);
//背景默认就是黑色
//你可以指定背景颜色
$bgcolor=imagecolorallocate($img, 0, 0, 0);
imagefill($img, 0, 0, $bgcolor);
//创建新的颜色
$white=imagecolorallocate($img, 255, 255, 255);
$blue=imagecolorallocate($img, 0, 0, 255);
$red=imagecolorallocate($img, 255, 0, 0);
$green=imagecolorallocate($img, 0, 255, 0);
//画出干扰线段
for($i=0;$i<20;$i++) {
//更好的方法是颜色随机
imageline($img, rand(0,110), rand(0,30), rand(0,110), rand(0,30),
imagecolorallocate($img, rand(0,255), rand(0,255), rand(0,255)));
}
//画出噪点，自己画
//for($i=0;$i<10;$i++)
//把四个随机值画上去
imagestring($img, rand(1,5), rand(2,80), rand(2,10), $checkCode, $white);
//如果要使用中文
//array imagefttext(string $font_file, string $text [,array $extrainfo)
//imagettftext($img,15,10,20,25,$white,"STXINWET.TTF","北京你好");
//输出
header("content-type: image/png");
imagepng($img);
?>checkCode.php的使用——用于登录界面（这里只提供部分代码，但是不影响理解，可删除无关内容，直接使用）
<form action="loginProcess.php" method="post">
<table>
<tr><td>用户id</td><td><input type="text" name="id" value="<?php echo getCookieVal("id"); ?>"/></td></tr>
<tr><td>密 码</td><td><input type="password" name="password"/></td></tr>
<tr><td>验证码</td><td><input type="text" name="checkCode"/>
<img src="checkCode.php" onClick="this.src='checkCode.php?aa='+Math.random()"/></td></tr>
<tr><td colspan="2">是否保存用户id<input type="checkbox" value="yes" name="keep"></td></tr>
<tr><td><input type="submit" value="用户登录"/></td>
<td><input type="reset" value="重新填写"/></td></tr>
</table>
</form>当点击验证码时，验证码会进行刷新。checkCode.php中还使用到session技术，在服务器端保存随机出来的验证码的值，当用户登录时，用户提交验证码时，可以用session取出正确的验证码进行比对。
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Zeichentechnologie in PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!