使用Drawing 類繪圖
一、原理:
在ASP.NET頁面中畫出圖表的關鍵步驟主要有兩步:
其一:建立一個圖片物件(Bitmap)。然後利用.Net FrameWork SDK所提供的方法在此圖片物件上面畫出自己想要的圖形,譬如畫線,畫點等。
其二:就是為了更適合傳輸,把此圖片物件,以"Jpeg"格式儲存,並顯示出來。
二、簡單實現:
(1)建立一個動態圖片:
利用"System.Drawing"中的"Bitmap"類來實現的。
//建立一個"Bitmap"物件
Bitmap bitmap = new Bitmap ( 400 , 400 ) ;
(2)顯示圖片:
//以"Jpeg"格式儲存此圖片物件,在客戶端顯示出來
bitmap . Save ( Response . OutputStream , ImageFormat . Jpeg );
三、特殊操作
首先根據"Bitmap"物件建立一個"Graphics"物件,然後根據此"Graphics"物件的方法來確定上色的圖形型別(譬如顯示的圖片為橢圓、正方形等)。
(1) 給圖片上色 (用Brush)
FillRectangle(System.Drawing.Brush brush, float x, float y, float width, float height)
Graphics g = Graphics . FromImage (bitmap) ;
g . FillRectangle ( new SolidBrush ( Color . LightGreen ) , 0 , 0 , 400 , 400 ) ;
(2) 寫字 (用Brush)
DrawString(string s, System.Drawing.Font font, System.Drawing.Brush brush, float x, float y)
g.DrawString("我的圖片", new Font("arial", 20,FontStyle.Bold), new SolidBrush(Color.FromArgb(255, 255, 255)),90,20);
(3) 畫線 (用Pen)
Pen pen = new Pen(Color.FromArgb(0,255,0),1);
g.DrawPie(pen,0,0,200,200,0,90);
扇形
DrawPie(System.Drawing.Pen pen, float x, float y, float width, float height, float startAngle, float sweepAngle)
弧線
DrawArc(System.Drawing.Pen pen, float x, float y, float width, float height, float startAngle, float sweepAngle)
橢圓
DrawEllipse(System.Drawing.Pen pen, float x, float y, float width, float height)
直線
DrawLine(System.Drawing.Pen pen, float x1, float y1, float x2, float y2)
矩形
DrawRectangle(System.Drawing.Pen pen, float x, float y, float width, float height)
多邊形
DrawPolygon(System.Drawing.Pen pen, System.Drawing.Point[ ] points)
相關文章
- 使用java繪圖類Graphics繪製圓圈Java繪圖
- Android 開發:使用繪製基金圖表類(帶快取的圖表類)Android快取
- C#使用自己寫的海龜繪圖類繪製遞迴分型樹C#繪圖遞迴
- 使用索引繪圖(轉)索引繪圖
- 使用joinjs繪製流程圖(五)-流程圖繪製JS流程圖
- 使用css繪製圖形CSS
- 使用MAUI繪製圖表UI
- python使用xlsxwriter繪圖Python繪圖
- word 的使用(七) —— 繪圖工具繪圖
- 使用CreateJS繪製圖形JS
- 在WebGL中使用drawElements繪圖Web繪圖
- vue使用Echarts繪製地圖VueEcharts地圖
- 使用 Flutter 繪製圖表(二)餅狀圖?Flutter
- 使用 Flutter 繪製圖表(一)柱狀圖?Flutter
- ATL中使用點陣圖資源繪圖繪圖
- PyQt5——視窗繪圖類控制元件QT繪圖控制元件
- 如何使用軟體繪製流程圖!流程圖
- 13.1 使用DirectX9繪圖引擎繪圖
- 使用joinjs繪製流程圖(一)JS流程圖
- 使用靜態html繪製流程圖HTML流程圖
- R繪圖(2): 離散/分類變數如何畫熱圖/方塊圖繪圖變數
- C# 新建的類庫無法新增 System.Drawing 引用問題C#
- iOS使用Charts框架繪製折線圖iOS框架
- HTML5使用canvas繪製圖形HTMLCanvas
- python使用matplotlib繪圖詳解Python繪圖
- 任務2 使用Canva的繪圖工具繪圖
- Astah 使用 流程圖、類圖、時序圖AST流程圖時序圖
- iOS繪圖iOS繪圖
- 繪圖工具繪圖
- PLT繪圖繪圖
- 【Android繪圖】繪圖之基礎篇(一)Android繪圖
- VUE中使用Echarts繪製地圖遷移VueEcharts地圖
- 使用Matplotlib繪製3D圖形3D
- 【Go語言繪圖】gg 庫的基本使用Go繪圖
- Zwibbler—前端Canvas繪圖工具使用記錄前端Canvas繪圖
- 如何使用 Arduino 製作一個繪圖儀UI繪圖
- 上下文繪圖,濾鏡簡單使用繪圖
- 使用Windows API進行GDI視窗繪圖WindowsAPI繪圖