分享
 
 
 

说说PHP作图(二)

王朝php·作者佚名  2008-12-18
窄屏简体版  字體: |||超大  

上次说了一种简单的回避GD的作图方法,而后又用GD作了最简单的一幅“图”——直线。

这次我就接着画直线向下说。上次代码中详细解释过的部分,这次不再赘述。

<?

Header("Content-type: image/png");

$im = ImageCreate (200, 100);

$col_black = ImageColorAllocate($im, 0,0,0);

$col_orn = ImageColorAllocate($im, 255,192,0);

// 今天用橘色吧。

// 跟 imageline 函数完全相同的用法,

ImageDashedLine($im,0,100,199,100,$col_orn);

// 这样就画了一条虚线。

// 下面我们来做个试验。用以说明一个问题。

$col_yel = ImageColorAllocate($im, 255,255,0);

// 黄色。

ImageLine($im,0,99,199,99,$col_yel);

// 在图象的最下沿画了一条黄色的线。

ImageLine($im,200,0,200,100,$col_orn);

// 试图在图象最右沿画一条澄色的线,结果什么也没有。

// 这表明,宽200,高100的图象,其坐标的范围是(0,0)到(199,99)。

ImagePNG($im);

ImageDestroy($im);

// 这一段先结束吧。

?>

接下来这个效果就爽了!我也是现学现卖。PHP4.0.6以上增加了这个用法——可以用交替的

颜色画线!示例如下:

<?

Header("Content-type: image/png");

$im = ImageCreate (200, 100);

$col_black = ImageColorAllocate($im, 0,0,0);

$col_orn = ImageColorAllocate($im, 255,192,0);

$col_red = ImageColorAllocate($im, 255,0,0);

$style=array($col_red,$col_red,$col_black,$col_orn,$col_orn,$col_orn,$col_black);

ImageSetStyle($im, $style);

ImageLine($im, 0, 50, 199, 50, IMG_COLOR_STYLED);

ImagePNG($im);

ImageDestroy($im);

?>

看看效果吧。

其中我用空行分割开的那三行,说明一下。定义了一个数组 $style,它的成员是一系列的颜色;

然后执行了一个函数,而后用 IMG_COLOR_STYLED “颜色”画出来的是这么神奇的“直线”——

红色、黑色、橙色交替的效果。仔细看一下你就会发现,红、黑、橙交替的顺序,就是我们定义的

$style数组成员的序列:红、红、黑、橙、橙、橙、黑,然后周而复始……

看明白了吗?注意,这个函数在PHP4.0.6以后才支持。

有了我详细讲解的画线的基础,我想把画其他几何图形的函数一笔代过。需要提示大家的是,无论

画哪种几何图形,无非是抓住这种图形的几个要素。先不算颜色,各种图形的要素如下:

点,两个要素:横坐标、纵坐标

矩形,四个要素:左上角、右下角的横、纵坐标

弧,这样理解:弧可以包括圆弧、椭圆弧;画圆弧画他360度就可以成一个圆,画椭圆弧画他360度也就画

成一个椭圆;所以这个弧的要素有六:中心点横、纵坐标,横轴长、纵轴长、弧的始、终点。

看下面这段例子。

<?

Header("Content-type: image/png");

$im = ImageCreate (200, 100);

$col_blk = ImageColorAllocate($im, 0,0,0);

$col_orn = ImageColorAllocate($im, 255,192,0);

$col_red = ImageColorAllocate($im, 255,0,0);

$col_grn = ImageColorAllocate($im, 0,255,0);

$col_blu = ImageColorAllocate($im, 0,0,255);

ImageSetPixel($im,20,10,$col_orn);

// 小小一个点,不知道能否看得见?

ImageRectangle($im,25,20,95,55,$col_blu);

// 蓝色的矩形。

ImageArc($im,20,85,50,40,225,360,$col_grn);

// 绿色的椭圆弧,中心在(20,85),横轴50,纵轴40,225度至360度。

// 由此可见,这里的圆弧始、终点是以角度计量,

// 是以水平向右的方向为0度,顺时针计算的。

ImageArc($im,160,60,40,40,0,360,$col_orn);

// 橙色的整圆。只要横轴长与纵轴长相等,就是正圆。

// 上高中我们就学过:圆是椭圆的特例嘛!

// 最后再画一段圆弧。圆心能否在图象以外?

ImageArc($im,160,140,240,240,0,360,$col_red);

// 可以!

ImagePNG($im);

ImageDestroy($im);

?>

作图当然免不了要把某一区域涂成某种颜色。GD有三种着色方式,一种是矩形区域着色,

一种是指定的点所处的封闭区域着色,另一种是指定的颜色所包围的区域着色。看以下的例子:

<?

Header("Content-type: image/png");

$im = ImageCreate (200, 100);

$col_blk = ImageColorAllocate($im, 0,0,0);

$col_orn = ImageColorAllocate($im, 255,192,0);

$col_yel = ImageColorAllocate($im, 255,255,0);

$col_red = ImageColorAllocate($im, 255,0,0);

$col_grn = ImageColorAllocate($im, 0,255,0);

$col_blu = ImageColorAllocate($im, 0,0,255);

ImageFilledRectangle($im,20,10,100,50,$col_blu);

ImageFilledRectangle($im,5,40,50,90,$col_red);

ImageFilledRectangle($im,40,80,100,95,$col_orn);

ImageFilledRectangle($im,90,35,110,90,$col_yel);

// 以上是第一种着色。直接绘制矩形。

// 我故意用四个不同颜色的矩形围起一小块区域,

// 用以说明第二种着色。

ImagePNG($im);

ImageDestroy($im);

// 看一下效果。

?>

接着:

<?

Header("Content-type: image/png");

$im = ImageCreate (200, 100);

$col_blk = ImageColorAllocate($im, 0,0,0);

$col_orn = ImageColorAllocate($im, 255,192,0);

$col_yel = ImageColorAllocate($im, 255,255,0);

$col_red = ImageColorAllocate($im, 255,0,0);

$col_grn = ImageColorAllocate($im, 0,255,0);

$col_blu = ImageColorAllocate($im, 0,0,255);

ImageFilledRectangle($im,20,10,100,50,$col_blu);

ImageFilledRectangle($im,5,40,50,90,$col_red);

ImageFilledRectangle($im,40,80,100,95,$col_orn);

ImageFilledRectangle($im,90,35,110,90,$col_yel);

// 以上是第一种着色。直接绘制矩形。

// 我故意用四个不同颜色的矩形围起一小块区域,

> // 用以说明第二种着色。

ImageFill($im,70,70,$col_grn);

// 这是第二种着色。

ImageRectangle($im,120,40,190,90,$col_grn);

// 暂且画一个矩形来做框吧。事实上任何样子的边界都可以做框。

ImageFilltoBorder($im,130,50,$col_grn,$col_orn);

// 把绿色矩形框内涂成橙色。

// 只要指定的点位于这个“框”的范围内即可,与该点在区域内的位置无关。

// 这个函数其实是这样工作的:

// 从指定的点开始,向外,寻找指定颜色的边界,如果找到,则停止,

// 找不到,就把途经的点涂成需要的颜色。

ImagePNG($im);

ImageDestroy($im);

// 看一下效果。

// 现在我们作出的图已经是花花绿绿了,可是在浏览器里,图片上,

// 右键->属性:只有 214 个字节!

?>

这一次说到这里吧先。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有