Asp.net中使用GDI+繪製圖形

GDI+ ——下一代圖形設備接口

所有的圖形用戶界面(GUI)應用程序都與硬件設備（顯示器，打印機，掃描儀）進行交互，這可以表示為可讀的數據。不過應用程序並不直接和設備之間進行通信，否則必須為每台設備分別編寫 不同的用戶接口代碼。為了避免這種重復的工作，我們可以在應用程序和設備之間使用第三個組件，此組件將轉換和傳送發送到設備的數據，以及設備發送到程序的數據。而這個組件就是GDI+。GDI+是.NET Framework中與圖形設備進行交互的入口。GDI+是一組C++類，位于一個名為Gdiplus.dll的類庫中。Gdiplus.dll是Windows XP和Windows Server 2003操作系統中一個内置組件。好了，學術性的東西在這裡就不多廢唇舌了，下面我們用GDI+在Web Form中來畫一幅圖。

像類似這樣的圖想必大家都見過，當然這個圖並不標準，這裡把代碼貼出來有興趣的可以試一試！

namespace Sky_MsdnDataGrid

{

     using System;

     using System.Collections;

     using System.ComponentModel;

     using System.Data;

     using System.Drawing;

     using System.Drawing.Imaging;

     using System.Web;

     using System.Web.SessionState;

     using System.Web.UI;

     using System.Web.UI.WebControls;

     using System.Web.UI.HtmlControls;

     /// <summary>

     /// AspxChart 的摘要描述。

     /// </summary>

     public class AspxChart : System.Web.UI.Page

     {

           private   Bitmap bitmap;

           private Graphics graphics;

           private    int[] arrValues;

           private string[] arrValueNames;

           private void Page_Load(object sender, System.EventArgs e)

           {

                arrValues     = new    int[6];

                arrValueNames = new string[6];

                arrValues[0]     =    100;

                arrValues[1]     =    135;

                arrValues[2]     =    115;

                arrValues[3]     =    125;

                arrValues[4]     =     75;

                arrValues[5]     =    120;

                arrValueNames[0] = "一月";

                arrValueNames[1] = "二月";

                arrValueNames[2] = "三月";

                arrValueNames[3] = "四月";

                arrValueNames[4] = "五月";

                arrValueNames[5] = "六月";

                this.Init_Bitmap();

                this.Draw_Rectangle();

                this.Draw_Pie();

                // 將繪製的圖像以 Gif 的格式保存到當前頁面響應的輸出流中

                bitmap.Save(this.Response.OutputStream,ImageFormat.Gif);

           }

           /// <summary>

           /// 對即將要被繪製的位圖(可想象為一塊畫佈)進行初始動作

           /// </summary>

           private void Init_Bitmap()

           {

                bitmap = new Bitmap(400,200);

                graphics = Graphics.FromImage(bitmap);

                graphics.Clear(Color.White);

                graphics.DrawString("X 公司上半年銷售情況",new Font("新細明体",16,FontStyle.Underline),Brushes.Black,new PointF(5,5));

           }

           #region Web Form 設計工具產生的程式碼

           override protected void OnInit(EventArgs e)

           {

                //

                // CODEGEN: 此為 ASP.NET Web Form 設計工具所需的呼叫。

                //

                InitializeComponent();

                base.OnInit(e);

           }

           /// <summary>

           /// 此為設計工具支援所必須的方法 - 請勿使用程式碼編輯器修改

           /// 這個方法的內容。

           /// </summary>

           private void InitializeComponent()

           {   

                this.Load += new System.EventHandler(this.Page_Load);

           }

           #endregion

           /// <summary>

           /// 在畫佈上面繪製矩形

           /// </summary>

           private void Draw_Rectangle()

           {

                int i;

                PointF symbolLeg = new PointF(335,20);

                PointF   descLeg = new PointF(360,16);

                for (i = 0; i < arrValueNames.Length; i++)

                {

                     graphics.FillRectangle(new SolidBrush(GetColor(i)),symbolLeg.X,symbolLeg.Y,20,10);

                     graphics.DrawRectangle(Pens.Black,symbolLeg.X,symbolLeg.Y,20,10);

                     graphics.DrawString(arrValueNames[i].ToString(),new Font("新細明体",8),Brushes.Black,descLeg);

                      symbolLeg.Y += 15;

                     descLeg.Y   += 16;

                }

                for (i = 0; i < arrValues.Length; i++)

                {

                     graphics.FillRectangle(new SolidBrush(GetColor(i)),(i*35) + 15,200 - arrValues[i],20,arrValues[i]);

                     graphics.DrawRectangle(Pens.Black,(i*35) + 15,200 - arrValues[i],20,arrValues[i]);

                }

           }

           /// <summary>

           /// 在畫佈上面繪製圓餅形

           /// </summary>

           private void Draw_Pie()

           {

                int i;

                // currentangle代表當前角度 totalangle代表最大角度 totalvalues代表最大的銷售額

                float sglCurrentAngle = 0,sglTotalAngle = 0,sglTotalValues = 0;

                // 計算最大銷售額

                for (i = 0; i < arrValues.Length; i++)

                     sglTotalValues += arrValues[i];

                for (i = 0; i < arrValues.Length; i++)

                {

                     // 當月角度值  ： 當月銷售額   / 最大銷售額       * 360

                     sglCurrentAngle = arrValues[i] / sglTotalValues * 360;

                     graphics.FillPie(new SolidBrush(GetColor(i)),240,95,100,100,sglTotalAngle,sglCurrentAngle);

                     graphics.DrawPie(Pens.Black,240,95,100,100,sglTotalAngle,sglCurrentAngle);

                     sglTotalAngle += sglCurrentAngle;

                }

           }

           #region Helper Function

           private Color GetColor(int itemIndex)

           {

                Color color;

                switch(itemIndex)

                {

                     case 0:

                           color = Color.Blue;

                           break;

                     case 1:

                           color = Color.Red;

                           break;

                     case 2:

                           color = Color.Yellow;

                           break;

                     case 3:

                           color = Color.Purple;

                           break;

                     case 4:

                           color = Color.Orange;

                           break;

                     case 5:

                           color = Color.Brown;

                           break;

                     default:

                           color = Color.Blue;

                           break;

                }

                return color;

           }

           #endregion

     }

}