| 導購 | 订阅 | 在线投稿
分享
 
 
當前位置: 王朝網路 >> php >> 說說PHP作圖(一)
 

說說PHP作圖(一)

2008-12-18 07:53:10  編輯來源:互聯網  简体版  手機版  評論  字體: ||
 
 
  實在不敢說是在這裏「講」GD庫,因爲我用GD也才一兩次而已,絕大多數的函數還沒

  有接觸到。可是三斑竹小刁熱情地向我約稿,我只好硬著頭皮寫一點自己的心得。希望能

  夠起到抛磚引玉的效果。

   其實,我們在web頁面裏實現「圖」的效果不一定非用GD不可,比較容易解決的是柱狀

  圖——用HTML就可以解決。比如:

  <? $b = array(150,110,125,180,160,175,230,220); ?>

  <html>

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

  <title></title>

  <style>

  <!--

  td{ font-size:9pt }

  -->

  </style>

  </head>

  <body>

  <table border=0>

   <tr valign="bottom"> /* (1) */

   <?for($i=0;$i<8;$i++) { ?><td align="center">

   <table height="<?echo $b[$i];?>" border=0> /* (2) */

   <tr>

   <td bgcolor="#3F7F9F" width="40"></td> /* (3) */

   </tr>

   </table><br><font color="#3F7F9F"><?echo $b[$i];?></font> /* (4) */

   </td><? } ?>

   </tr>

  </table>

  </body>

  </html>

  <? $b = array(150,110,125,180,160,175,230,220); ?> 是一組數據,數據從哪裏來,是無

  關大局的,就看你的需要了;代碼中需要說兩句的地方我都加了注釋,現在一一來說明。

  (1) 這裏要注意的是 valign="bottom",是爲了讓單元格的內容底部對齊。爲什麽加在<tr>裏

   呢?可以讓表格裏這一行的內容都遵循這一對齊方式,不必在每一個<td>裏指定,這樣可

   以使PHP執行結果的HTML頁的原代碼節約好幾十個字節呐!節約浏覽者的寶貴時間。

  

  (2) 注意,最關鍵的東西在這裏!<table height="xxx">,我們就是利用table的height屬性來

   實現不同高度的「柱」的。我這裏爲了讓大家看得清楚,原始數據沒有經過按比例的縮放,

   如果你的數據特別大,或者特別小,都不適宜直接賦給table的height屬性,而應該根據情

   況按適當比例縮放這些數據。比如你估計你的這組數據的每一個數字都會在3000~8000之間,

   可以考慮將他們縮小25倍,即 height="<? echo floor(b[$i]/25); ?>"

  

  (3) 提一下這一行裏的 bgcolor="#xxxxxx",這是柱體的顔色(RGB)。其實,真正的柱狀圖應該

   每一個柱體用一種顔色,這裏爲了代碼盡量簡單,我用了這個for循環,因此也就沒辦法給

   每一個柱體指定一種顔色。——其實也是有辦法的,我只是實在沒有必要爲了這個例子再寫

   一個抽取顔色的函數來把初學者搞暈。所以,那一部分由你自己去完善吧。

  

  (4) 在這裏以與柱體相同的顔色顯示真實的數據。當然,你也可以選擇把這個數字放在柱體的頂

   上,可能更專業一些。然而我本人還是習慣于把它放在下面。

  

   借助于HTML的table,我們可以構造出各種柱狀圖,這個例子講的是用bgcolor來顯示色塊,

  除此以外,還可以用 background="(圖片)" ,圖片是帶花紋的,于是柱狀圖的柱體就有了花紋。

  而你把真實的數據用反差很大的顔色顯示在上面注釋(3)所示的那個<td>裏,也是很好的效果。

   前面是回避GD的一個有效的方法,但要做複雜的圖形,就非用GD不可了。

   sadly 的PHP4中文手冊裏,說GD函數庫裏有44個函數,但我看最新版的英文PHP4手冊裏,

  GD的函數已經有80余個!由于筆者英文比較差,讀英文的手冊只能連蒙帶猜,所以不能確定

  新的GD庫是否重新支持GIF了?不管怎樣,我認爲,既然我們在使用完全免費的PHP,何必要

  「冒險」去用有版權的GIF?何不免費到底,用PNG呢?只要你不需用動畫,PNG同樣可以做出

  象GIF一樣小的文件!

   下面我就結合一段程序,一句代碼一句代碼地說說常用的這些GD函數。

  

  從開頭說起吧。

  <?

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

   // 這是發送一個HTTP頭,告訴浏覽器:「你聽著,這是一個圖象,可別當成文字來顯示呀!」

   // 由于我個人的喜好,用了PNG,當然你也可以用 Header("Content-type: image/gif");

   // 或者 Header("Content-type: image/jpeg");

   $im = ImageCreate (50, 100);

   // 創建圖象。注意,圖象在創建的時候還沒有被指定圖象格式。

   // ImageCreate函數,兩個參數,無庸質疑,這是創建的圖象的寬度和高度。

   // 它的返回值是一個int數值,這個數值相當重要,你繼續繪制這個圖象、

   // 直到你輸出這個圖象之前,無處不用到這個數值,我們暫且稱之爲圖象的ID。

   // 因爲使用的頻率相當高,所以,我們把它賦給一個名字比較短的變量。

  

   // 現在我們先畫一條線吧。畫線的函數是這樣的:

   // imageline (int im, int x1, int y1, int x2, int y2, int col);

   // 第一個參數im,就是圖象的ID,後面的 x1,y1,x2,y2,不用說了,

   // 是起點(x1,y1) 終點(x2,y2)的坐標呀!(圖象的左上角坐標是 (0,0) )

   // 最後一個參數是什麽呀?是顔色!GD要求針對圖象定義顔色,用定義的這些顔色來作圖。

   // 爲什麽要針對圖象定義顔色?我猜測,是爲了GIF、PNG等圖象用之做「調色板」的。

   // 這牽扯到圖象本身的知識,這裏不贅述了。

   // 所以,畫線之前,我們還要先定義顔色(真麻煩)。

   // $col_red = ImageColorAllocate($im, 255,192,192);

   // 這個函數四個參數,第一個$im……還用得著我每次都說嘛?下次就不說啦!

   // 後面三個參數就是要定義的顔色的紅(R)、綠(G)、藍(B)的分量,0~255之間。

   // 這又牽扯到物理—光學的知識了。紅、綠、藍三原色光分量的不同,

   // 産生了千變萬化的色彩。上面我定義的這個顔色,紅255,綠192,藍192。

   // 如果沒有搞錯,這是一個較亮的紅色。等一會兒我們來畫一條線試試看。

   // 爲什麽要等一會兒呢?因爲一幅圖只有一種顔色的話,是什麽也看不出來的!

   // 我們把背景搞成黑的先!

   // 雖然手冊上沒有明確表示,但是我發現最先定義的顔色將默認被作爲背景。

  

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

   // 定義了一種顔色,紅光、綠光、藍光都沒有,自然黑咕隆咚——黑色。

   // 然後再定義畫線用的顔色:

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

  

   // 現在可以開始畫紅線了:

   imageline ($im, 10, 20, 45, 85, $col_red);

   // 別急,這句完了以後你還看不到圖象。

  

   ImagePNG($im);

   // 這一句就輸出圖象了,ImagePNG()輸出png圖象,ImageJPEG輸出jpeg圖象,

   // ImageGIF輸出gif圖象……

   // 不要忘記這裏有一個參數,如果在屏幕顯示,而不是保存爲文件,

   // 則省略這個參數——保存的文件名。如果這裏是要把它保存爲文件,

   // 就應該這樣寫:ImagePNG($im,"test.png");

   // 如果不指定路徑,這個文件保存在你的web當前目錄裏。

   // 如果是JPEG,則再多一個參數,是JPEG質量(0~100)。

  // 如果要在屏幕顯示,則 ImageJPEG($im,"",80);

   // 如果要保存,則 ImageJPEG($im,"test.jpg",80);

   // 注意,如果你要把這個圖象保存爲文件,

   // 就不能使用 Header("Content-type: image/png"); 傳送意味著圖象的HTTP頭,

   // 因爲一旦這樣,就表示你將輸出圖象。

  

   ImageDestroy($im);

   // 毀掉內存裏的圖象,以釋放內存空間。

   // 這樣就好了:一幅最簡單的GD作的圖作成了。

  

   // 通過測試發現,生成這幅圖象文件,用PNG格式只有131字節,

   // 而用JPEG格式,即便是用最差的質量(0),也需要855字節,圖象質量糟糕得沒法看。

   // 而最高的JPEG質量,則需要2360字節,色彩卻仍不如用PNG時的鮮豔。

   // 由此可見,對于這種顔色數目少的圖象,用PNG比JPEG劃算得多。

  ?>

  

   這一次先說到這裏,我會爭取盡快繼續寫下去。
 
 
 
上一篇《php 3維餅圖的實現》
下一篇《說說PHP作圖(二)》
 
 
 
 
 
 
日版寵物情人插曲《Winding Road》歌詞

日版寵物情人2017的插曲,很帶節奏感,日語的,女生唱的。 最後聽見是在第8集的時候女主手割傷了,然後男主用嘴幫她吸了一下,插曲就出來了。 歌手:Def...

兄弟共妻,我成了他們夜裏的美食

老鍾家的兩個兒子很特別,就是跟其他的人不太一樣,魔一般的執著。兄弟倆都到了要結婚的年齡了,不管自家老爹怎麽磨破嘴皮子,兄弟倆說不娶就不娶,老父母爲兄弟兩操碎了心...

如何磨出破洞牛仔褲?牛仔褲怎麽剪破洞?

把牛仔褲磨出有線的破洞 1、具體工具就是磨腳石,下面墊一個硬物,然後用磨腳石一直磨一直磨,到把那塊磨薄了,用手撕開就好了。出來的洞啊很自然的。需要貓須的話調幾...

我就是掃描下圖得到了敬業福和愛國福

先來看下敬業福和愛國福 今年春節,支付寶再次推出了“五福紅包”活動,表示要“把欠大家的敬業福都還給大家”。 今天該活動正式啓動,和去年一樣,需要收集“五福”...

冰箱異味産生的原因和臭味去除的方法

有時候我們打開冰箱就會聞到一股異味,冰箱裏的這種異味是因爲一些物質發出的氣味的混合體,聞起來讓人惡心。 産生這些異味的主要原因有以下幾點。 1、很多人有這種習...

《極品家丁》1-31集大結局分集劇情介紹

簡介 《極品家丁》講述了現代白領林晚榮無意回到古代金陵,並追隨蕭二小姐化名“林三”進入蕭府,不料卻陰差陽錯上演了一出低級家丁拼搏上位的“林三升職記”。...

李溪芮《極品家丁》片尾曲《你就是我最愛的寶寶》歌詞

你就是我最愛的寶寶 - 李溪芮 (電視劇《極品家丁》片尾曲) 作詞:常馨內 作曲:常馨內 你的眉 又鬼馬的挑 你的嘴 又壞壞的笑 上一秒吵鬧 下...

烏梅的功效與作用以及烏梅的食用禁忌有哪些?

烏梅,又稱春梅,中醫認爲,烏梅味酸,性溫,無毒,具有安心、除熱、下氣、祛痰、止渴調中、殺蟲的功效,治肢體痛、肺痨病。烏梅泡水喝能治傷寒煩熱、止吐瀉,與幹姜一起制...

什麽是脂肪粒?如何消除臉部脂肪粒?

什麽是脂肪粒 在我們的臉上總會長一個個像脂肪的小顆粒,弄也弄不掉,而且顔色還是白白的。它既不是粉刺也不是其他的任何痘痘,它就是脂肪粒。 脂肪粒雖然也是由油脂...

網絡安全治理:國家安全保障的主要方向是打擊犯罪,而不是處置和懲罰受害者

來源:中國青年報 新的攻擊方法不斷湧現,黑客幾乎永遠占據網絡攻擊的上風,我們不可能通過技術手段杜絕網絡攻擊。國家安全保障的主要方向是打擊犯罪,而不是處置和懲罰...

河南夫妻在溫嶺網絡直播“造人”內容涉黃被刑事拘留

夫妻網絡直播“造人”爆紅   1月9日,溫嶺城北派出所接到南京警方的協查通告,他們近期打掉了一個涉黃直播APP平台。而根據掌握的線索,其中有一對涉案的夫妻主播...

如何防止牆紙老化?牆紙變舊變黃怎麽辦?

如何防止牆紙老化? (1)選擇透氣性好的牆紙 市場上牆紙的材質分無紡布的、木纖維的、PVC的、玻璃纖維基材的、布面的等,相對而言,PVC材質的牆紙最不透氣...

鮮肌之謎非日本生産VS鮮肌之謎假日貨是謠言

觀點一:破日本銷售量的“鮮肌之謎” 非日本生産 近一段時間,淘寶上架了一款名爲“鮮肌之謎的” 鲑魚卵巢美容液,號稱是最近日本的一款推出的全新護膚品,産品本身所...

中國最美古詩詞精選摘抄

系腰裙(北宋詞人 張先) 惜霜蟾照夜雲天,朦胧影、畫勾闌。人情縱似長情月,算一年年。又能得、幾番圓。 欲寄西江題葉字,流不到、五亭前。東池始有荷新綠,尚小如...

關于女人的經典語句

關于女人的經典語句1、【做一個獨立的女人】 思想獨立:有主見、有自己的人生觀、價值觀。有上進心,永遠不放棄自己的理想,做一份自己喜愛的事業,擁有快樂和成就...

未來我們可以和性愛機器人結婚嗎?

你想體驗機器人性愛嗎?你想和性愛機器人結婚嗎?如果你想,機器人有拒絕你的權利嗎? 近日,第二屆“國際人類-機器人性愛研討會”大會在倫敦金史密斯大學落下帷幕。而...

全球最變態的十個地方

10.土耳其地下洞穴城市 變態指數:★★☆☆☆ 這是土耳其卡帕多西亞的一個著名景點,傳說是當年基督教徒們爲了躲避戰爭而在此修建。裏面曾住著20000人,...

科學家稱,人類死亡後意識將在另外一個宇宙中繼續存活

據英國《每日快報》報道,一位科學家兼理論家Robert Lanza博士宣稱,世界上並不存在人類死亡,死亡的只是身體。他認爲我們的意識借助我們體內的能量生存,而且...

《屏裏狐》片頭曲《我愛狐狸精》歌詞是什麽?

《我愛狐狸精》 - 劉馨棋   (電視劇《屏裏狐》主題曲)   作詞:金十三&李旦   作曲:劉嘉   狐狸精 狐狸仙   千年修...

 
 
 
實在不敢說是在這裏「講」GD庫,因爲我用GD也才一兩次而已,絕大多數的函數還沒 有接觸到。可是三斑竹小刁熱情地向我約稿,我只好硬著頭皮寫一點自己的心得。希望能 夠起到抛磚引玉的效果。 其實,我們在web頁面裏實現「圖」的效果不一定非用GD不可,比較容易解決的是柱狀 圖——用HTML就可以解決。比如: <? $b = array(150,110,125,180,160,175,230,220); ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> <style> <!-- td{ font-size:9pt } --> </style> </head> <body> <table border=0> <tr valign="bottom"> /* (1) */ <?for($i=0;$i<8;$i++) { ?><td align="center"> <table height="<?echo $b[$i];?>" border=0> /* (2) */ <tr> <td bgcolor="#3F7F9F" width="40"></td> /* (3) */ </tr> </table><br><font color="#3F7F9F"><?echo $b[$i];?></font> /* (4) */ </td><? } ?> </tr> </table> </body> </html> <? $b = array(150,110,125,180,160,175,230,220); ?> 是一組數據,數據從哪裏來,是無 關大局的,就看你的需要了;代碼中需要說兩句的地方我都加了注釋,現在一一來說明。 (1) 這裏要注意的是 valign="bottom",是爲了讓單元格的內容底部對齊。爲什麽加在<tr>裏 呢?可以讓表格裏這一行的內容都遵循這一對齊方式,不必在每一個<td>裏指定,這樣可 以使PHP執行結果的HTML頁的原代碼節約好幾十個字節呐!節約浏覽者的寶貴時間。 (2) 注意,最關鍵的東西在這裏!<table height="xxx">,我們就是利用table的height屬性來 實現不同高度的「柱」的。我這裏爲了讓大家看得清楚,原始數據沒有經過按比例的縮放, 如果你的數據特別大,或者特別小,都不適宜直接賦給table的height屬性,而應該根據情 況按適當比例縮放這些數據。比如你估計你的這組數據的每一個數字都會在3000~8000之間, 可以考慮將他們縮小25倍,即 height="<? echo floor(b[$i]/25); ?>" (3) 提一下這一行裏的 bgcolor="#xxxxxx",這是柱體的顔色(RGB)。其實,真正的柱狀圖應該 每一個柱體用一種顔色,這裏爲了代碼盡量簡單,我用了這個for循環,因此也就沒辦法給 每一個柱體指定一種顔色。——其實也是有辦法的,我只是實在沒有必要爲了這個例子再寫 一個抽取顔色的函數來把初學者搞暈。所以,那一部分由你自己去完善吧。 (4) 在這裏以與柱體相同的顔色顯示真實的數據。當然,你也可以選擇把這個數字放在柱體的頂 上,可能更專業一些。然而我本人還是習慣于把它放在下面。 借助于HTML的table,我們可以構造出各種柱狀圖,這個例子講的是用bgcolor來顯示色塊, 除此以外,還可以用 background="(圖片)" ,圖片是帶花紋的,于是柱狀圖的柱體就有了花紋。 而你把真實的數據用反差很大的顔色顯示在上面注釋(3)所示的那個<td>裏,也是很好的效果。 前面是回避GD的一個有效的方法,但要做複雜的圖形,就非用GD不可了。 sadly 的PHP4中文手冊裏,說GD函數庫裏有44個函數,但我看最新版的英文PHP4手冊裏, GD的函數已經有80余個!由于筆者英文比較差,讀英文的手冊只能連蒙帶猜,所以不能確定 新的GD庫是否重新支持GIF了?不管怎樣,我認爲,既然我們在使用完全免費的PHP,何必要 「冒險」去用有版權的GIF?何不免費到底,用PNG呢?只要你不需用動畫,PNG同樣可以做出 象GIF一樣小的文件! 下面我就結合一段程序,一句代碼一句代碼地說說常用的這些GD函數。 從開頭說起吧。 <? Header("Content-type: image/png"); // 這是發送一個HTTP頭,告訴浏覽器:「你聽著,這是一個圖象,可別當成文字來顯示呀!」 // 由于我個人的喜好,用了PNG,當然你也可以用 Header("Content-type: image/gif"); // 或者 Header("Content-type: image/jpeg"); $im = ImageCreate (50, 100); // 創建圖象。注意,圖象在創建的時候還沒有被指定圖象格式。 // ImageCreate函數,兩個參數,無庸質疑,這是創建的圖象的寬度和高度。 // 它的返回值是一個int數值,這個數值相當重要,你繼續繪制這個圖象、 // 直到你輸出這個圖象之前,無處不用到這個數值,我們暫且稱之爲圖象的ID。 // 因爲使用的頻率相當高,所以,我們把它賦給一個名字比較短的變量。 // 現在我們先畫一條線吧。畫線的函數是這樣的: // imageline (int im, int x1, int y1, int x2, int y2, int col); // 第一個參數im,就是圖象的ID,後面的 x1,y1,x2,y2,不用說了, // 是起點(x1,y1) 終點(x2,y2)的坐標呀!(圖象的左上角坐標是 (0,0) ) // 最後一個參數是什麽呀?是顔色!GD要求針對圖象定義顔色,用定義的這些顔色來作圖。 // 爲什麽要針對圖象定義顔色?我猜測,是爲了GIF、PNG等圖象用之做「調色板」的。 // 這牽扯到圖象本身的知識,這裏不贅述了。 // 所以,畫線之前,我們還要先定義顔色(真麻煩)。 // $col_red = ImageColorAllocate($im, 255,192,192); // 這個函數四個參數,第一個$im……還用得著我每次都說嘛?下次就不說啦! // 後面三個參數就是要定義的顔色的紅(R)、綠(G)、藍(B)的分量,0~255之間。 // 這又牽扯到物理—光學的知識了。紅、綠、藍三原色光分量的不同, // 産生了千變萬化的色彩。上面我定義的這個顔色,紅255,綠192,藍192。 // 如果沒有搞錯,這是一個較亮的紅色。等一會兒我們來畫一條線試試看。 // 爲什麽要等一會兒呢?因爲一幅圖只有一種顔色的話,是什麽也看不出來的! // 我們把背景搞成黑的先! // 雖然手冊上沒有明確表示,但是我發現最先定義的顔色將默認被作爲背景。 $col_black = ImageColorAllocate($im, 0,0,0); // 定義了一種顔色,紅光、綠光、藍光都沒有,自然黑咕隆咚——黑色。 // 然後再定義畫線用的顔色: $col_red = ImageColorAllocate($im, 255,192,192); // 現在可以開始畫紅線了: imageline ($im, 10, 20, 45, 85, $col_red); // 別急,這句完了以後你還看不到圖象。 ImagePNG($im); // 這一句就輸出圖象了,ImagePNG()輸出png圖象,ImageJPEG輸出jpeg圖象, // ImageGIF輸出gif圖象…… // 不要忘記這裏有一個參數,如果在屏幕顯示,而不是保存爲文件, // 則省略這個參數——保存的文件名。如果這裏是要把它保存爲文件, // 就應該這樣寫:ImagePNG($im,"test.png"); // 如果不指定路徑,這個文件保存在你的web當前目錄裏。 // 如果是JPEG,則再多一個參數,是JPEG質量(0~100)。 // 如果要在屏幕顯示,則 ImageJPEG($im,"",80); // 如果要保存,則 ImageJPEG($im,"test.jpg",80); // 注意,如果你要把這個圖象保存爲文件, // 就不能使用 Header("Content-type: image/png"); 傳送意味著圖象的HTTP頭, // 因爲一旦這樣,就表示你將輸出圖象。 ImageDestroy($im); // 毀掉內存裏的圖象,以釋放內存空間。 // 這樣就好了:一幅最簡單的GD作的圖作成了。 // 通過測試發現,生成這幅圖象文件,用PNG格式只有131字節, // 而用JPEG格式,即便是用最差的質量(0),也需要855字節,圖象質量糟糕得沒法看。 // 而最高的JPEG質量,則需要2360字節,色彩卻仍不如用PNG時的鮮豔。 // 由此可見,對于這種顔色數目少的圖象,用PNG比JPEG劃算得多。 ?> 這一次先說到這裏,我會爭取盡快繼續寫下去。
󰈣󰈤
 
 
 
  免責聲明:本文僅代表作者個人觀點,與王朝網路無關。王朝網路登載此文出於傳遞更多信息之目的,並不意味著贊同其觀點或證實其描述,其原創性以及文中陳述文字和內容未經本站證實,對本文以及其中全部或者部分內容、文字的真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,並請自行核實相關內容。
 
 
完美絕倫_秀色可餐
無懈可擊的優美線條
純美秀氣_楚楚動人
纖發盡顯_玲珑女生
痞子的甘南日記
疑是銀河落九天
雪域壩上四——純美色
冬日戀歌——西城楊柳弄輕柔
 
>>返回首頁<<
 
 熱帖排行
 
 
 
 
© 2005- 王朝網路 版權所有