上次說了一種簡單的回避GD的作圖方法，而后又用GD作了最簡單的一幅“圖”——直線。這次我就接著畫直線向下說。上次代碼中詳細(xì)解釋過的部分，這次不再贅述。

<? Header('Content-type: image/png'); $im = ImageCreate (200, 100); $col_black = ImageColorAllocate($im, 0,0,0); $col_orn = ImageColorAllocate($im, 255,192,0); // 今天用橘色吧。 // 跟 imageline 函數(shù)完全相同的用法， ImageDashedLine($im,0,100,199,100,$col_orn); // 這樣就畫了一條虛線。 // 下面我們來做個(gè)試驗(yàn)。用以說明一個(gè)問題。 $col_yel = ImageColorAllocate($im, 255,255,0); // 黃色。 ImageLine($im,0,99,199,99,$col_yel); // 在圖象的最下沿畫了一條黃色的線。 ImageLine($im,200,0,200,100,$col_orn); // 試圖在圖象最右沿畫一條澄色的線，結(jié)果什么也沒有。 // 這表明，寬200，高100的圖象，其坐標(biāo)的范圍是(0,0)到(199,99)。 ImagePNG($im); ImageDestroy($im); // 這一段先結(jié)束吧。?>

接下來這個(gè)效果就爽了！我也是現(xiàn)學(xué)現(xiàn)賣。PHP4.0.6以上增加了這個(gè)用法——可以用交替的顏色畫線！示例如下：

<? 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);?>

看看效果吧。

其中我用空行分割開的那三行，說明一下。定義了一個(gè)數(shù)組 $style，它的成員是一系列的顏色；然后執(zhí)行了一個(gè)函數(shù)，而后用 IMG_COLOR_STYLED “顏色”畫出來的是這么神奇的“直線”——紅色、黑色、橙色交替的效果。仔細(xì)看一下你就會(huì)發(fā)現(xiàn)，紅、黑、橙交替的順序，就是我們定義的$style數(shù)組成員的序列：紅、紅、黑、橙、橙、橙、黑，然后周而復(fù)始…… 看明白了嗎？注意，這個(gè)函數(shù)在PHP4.0.6以后才支持。

有了我詳細(xì)講解的畫線的基礎(chǔ)，我想把畫其他幾何圖形的函數(shù)一筆代過。需要提示大家的是，無論畫哪種幾何圖形，無非是抓住這種圖形的幾個(gè)要素。先不算顏色，各種圖形的要素如下：

點(diǎn)，兩個(gè)要素：橫坐標(biāo)、縱坐標(biāo)

矩形，四個(gè)要素：左上角、右下角的橫、縱坐標(biāo)

弧，這樣理解：弧可以包括圓弧、橢圓弧；畫圓弧畫他360度就可以成一個(gè)圓，畫橢圓弧畫他360度也就畫 成一個(gè)橢圓；所以這個(gè)弧的要素有六：中心點(diǎn)橫、縱坐標(biāo)，橫軸長、縱軸長、弧的始、終點(diǎn)。

看下面這段例子。

<? 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); // 小小一個(gè)點(diǎn)，不知道能否看得見？ ImageRectangle($im,25,20,95,55,$col_blu); // 藍(lán)色的矩形。 ImageArc($im,20,85,50,40,225,360,$col_grn); // 綠色的橢圓弧，中心在(20,85)，橫軸50，縱軸40，225度至360度。 // 由此可見，這里的圓弧始、終點(diǎn)是以角度計(jì)量， // 是以水平向右的方向?yàn)?度，順時(shí)針計(jì)算的。 ImageArc($im,160,60,40,40,0,360,$col_orn); // 橙色的整圓。只要橫軸長與縱軸長相等，就是正圓。 // 上高中我們就學(xué)過：圓是橢圓的特例嘛！ // 最后再畫一段圓弧。圓心能否在圖象以外？ ImageArc($im,160,140,240,240,0,360,$col_red); // 可以！ ImagePNG($im); ImageDestroy($im);?>

作圖當(dāng)然免不了要把某一區(qū)域涂成某種顏色。GD有三種著色方式，一種是矩形區(qū)域著色，一種是指定的點(diǎn)所處的封閉區(qū)域著色，另一種是指定的顏色所包圍的區(qū)域著色。看以下的例子：<? 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); // 以上是第一種著色。直接繪制矩形。 // 我故意用四個(gè)不同顏色的矩形圍起一小塊區(qū)域， // 用以說明第二種著色。 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); // 以上是第一種著色。直接繪制矩形。 // 我故意用四個(gè)不同顏色的矩形圍起一小塊區(qū)域，>// 用以說明第二種著色。 ImageFill($im,70,70,$col_grn); // 這是第二種著色。 ImageRectangle($im,120,40,190,90,$col_grn); // 暫且畫一個(gè)矩形來做框吧。事實(shí)上任何樣子的邊界都可以做框。 ImageFilltoBorder($im,130,50,$col_grn,$col_orn); // 把綠色矩形框內(nèi)涂成橙色。 // 只要指定的點(diǎn)位于這個(gè)“框”的范圍內(nèi)即可，與該點(diǎn)在區(qū)域內(nèi)的位置無關(guān)。 // 這個(gè)函數(shù)其實(shí)是這樣工作的： // 從指定的點(diǎn)開始，向外，尋找指定顏色的邊界，如果找到，則停止， // 找不到，就把途經(jīng)的點(diǎn)涂成需要的顏色。 ImagePNG($im); ImageDestroy($im); // 看一下效果。 // 現(xiàn)在我們作出的圖已經(jīng)是花花綠綠了，可是在瀏覽器里，圖片上， // 右鍵->屬性：只有 214 個(gè)字節(jié)！ ?>

這一次說到這里吧先。