电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 使用 PHP 创建图形的巧妙方法（2）添加维数 [打印本页]

作者: look_w 时间: 2018-7-16 11:51 标题: 使用 PHP 创建图形的巧妙方法（2）添加维数

添加维数我们的第一个需求 —— 提供图形对象的能力 —— 已经满足了，现在应该开始满足第二个需求了：可以使用一个 z 值将一个对象放到其他对象的上面或下面。
我们可以将每个 z 值当作是原始图像的一个面。所画的元素是按照 z 值从最小到最大的顺序来画的。例如，让我们画两个图形元素：一个红色的圆和一个黑色的方框。圆的 z 值是 100，而黑方框的 z 值是 200。这样会将圆放到方框之后，如图 3 所示：
图 3. 不同 z 值的面

我们只需要修改一下 z 值就可以将这个红圆放到黑方框之上。要实现这种功能，我们需要让每个 GraphicsObject 都具有一个 z() 方法，它返回一个数字，就是 z 值。由于您需要创建不同的图形对象（Line、Oval 和 Rectangle），您还需要创建一个基本的类 BoxObject，其他 3 个类都使用它来维护起点和终点的坐标、z 值和这个对象的颜色（请参看图 4）。
图 4. 给系统添加另外一维：z 值

这个图形库的新代码如清单 3 所示：
清单 3. 可以处理 z 信息的图形库

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96

<?php
class GraphicsEnvironment
{
  public $width;
  public $height;
  public $gdo;
  public $colors = array();
  public function __construct( $width, $height )
  {
$this->width = $width;
$this->height = $height;
$this->gdo = imagecreatetruecolor( $width, $height );
$this->addColor( "white", 255, 255, 255 );
imagefilledrectangle( $this->gdo, 0, 0,
   $width, $height,
   $this->getColor( "white" ) );
  }
  public function width() { return $this->width; }
  public function height() { return $this->height; }
  public function addColor( $name, $r, $g, $b )
  {
$this->colors[ $name ] = imagecolorallocate(
   $this->gdo,
   $r, $g, $b );
  }
  public function getGraphicObject()
  {
return $this->gdo;
  }
  public function getColor( $name )
  {
return $this->colors[ $name ];
  }
  public function saveAsPng( $filename )
  {
imagepng( $this->gdo, $filename );
  }
}
abstract class GraphicsObject
{
  abstract public function render( $ge );
  abstract public function z();
}
abstract class BoxObject extends GraphicsObject
{
  protected $color;
  protected $sx;
  protected $sy;
  protected $ex;
  protected $ey;
  protected $z;
  public function __construct( $z, $color, $sx, $sy, $ex, $ey )
  {
$this->z = $z;
$this->color = $color;
$this->sx = $sx;
$this->sy = $sy;
$this->ex = $ex;
$this->ey = $ey;
  }
  public function z() { return $this->z; }
}
class Line extends BoxObject
{
  public function render( $ge )
  {
imageline( $ge->getGraphicObject(),
   $this->sx, $this->sy,
   $this->ex, $this->ey,
   $ge->getColor( $this->color ) );
  }
}
class Rectangle extends BoxObject
{
  public function render( $ge )
  {
imagefilledrectangle( $ge->getGraphicObject(),
   $this->sx, $this->sy,
   $this->ex, $this->ey,
   $ge->getColor( $this->color ) );
  }
}
class Oval extends BoxObject
{
  public function render( $ge )
  {
$w = $this->ex - $this->sx;
$h = $this->ey - $this->sy;
imagefilledellipse( $ge->getGraphicObject(),
   $this->sx + ( $w / 2 ),
   $this->sy + ( $h / 2 ),
   $w, $h,
   $ge->getColor( $this->color ) );
  }
}
?>

测试代码也需要进行更新，如清单 4 所示。
清单 4. 更新后的测试代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<?php
require_once( "glib.php" );
function zsort( $a, $b )
{
  if ( $a->z() < $b->z() ) return -1;
  if ( $a->z() > $b->z() ) return 1;
  return 0;
}
$ge = new GraphicsEnvironment( 400, 400 );
$ge->addColor( "black", 0, 0, 0 );
$ge->addColor( "red", 255, 0, 0 );
$ge->addColor( "green", 0, 255, 0 );
$ge->addColor( "blue", 0, 0, 255 );
$gobjs = array();
$gobjs []= new Oval( 100, "red", 50, 50, 150, 150 );
$gobjs []= new Rectangle( 200, "black", 100, 100, 300, 300 );
usort( $gobjs, "zsort" );
foreach( $gobjs as $gobj ) { $gobj->render( $ge ); }
$ge->saveAsPng( "test.png" );
?>

此处需要注意两件事情。首先是我们添加了创建 Oval 和 Rectangle 对象的过程，其中第一个参数是 z 值。其次是调用了 usort，它使用了 zsort 函数来对图形对象根据 z 值进行排序。
在运行这个程序时，test.png 文件应该如图 5 所示。
图 5. 红圆在黑方框之后

现在修改下面的代码：

1 2	$gobjs []= new Oval( 200, "red", 50, 50, 150, 150 ); $gobjs []= new Rectangle( 100, "black", 100, 100, 300, 300 );

再次运行这个代码，突然这个椭圆就在这个方框上面了，如图 6 所示。
图 6. 红圆现在在黑方框上面了

红圆现在就出现在黑方框上面了，尽管它是先创建的，也是首先添加到数组中的。这就是 z 值的实际价值：您可以按照任何顺序来创建对象，并可以通过调整每个对象的 z 值来调整彼此之间的相对位置。
在这段代码中，z 值排序是在这个库之外实现的。让我们通过创建一个新容器对象 Group 来实现这种功能，其中保存了一组 GraphicsObject 对象。Group 对象然后再处理排序的问题。
Group 类的代码如清单 5 所示。
清单 5. Group 类

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

Group 对象的任务是保持一个对象数组，然后在画图时，逐个对对象zo进行排序和画图。
更新后的测试代码如清单 6 所示。
清单 6. 更新后的测试代码

1
2
3
4
5
6
7
8
9
10
11
12
13

<?php
require_once( "glib.php" );
$ge = new GraphicsEnvironment( 400, 400 );
$ge->addColor( "black", 0, 0, 0 );
$ge->addColor( "red", 255, 0, 0 );
$ge->addColor( "green", 0, 255, 0 );
$ge->addColor( "blue", 0, 0, 255 );
$g1 = new Group( 0 );
$g1->add( new Oval( 200, "red", 50, 50, 150, 150 ) );
$g1->add( new Rectangle( 100, "black", 100, 100, 300, 300 ) );
$g1->render( $ge );
$ge->saveAsPng( "test.png" );
?>

现在所有的客户机需要做的是创建一个 Group 对象。它会处理排序和其他操作。

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)