程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> 說說PHP作圖(二)

說說PHP作圖(二)

編輯:關於PHP編程

上次說了一種簡單的回避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 個字節!
 
?>

    這一次說到這裡吧先。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved