使用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)
相關文章
- Android 開發:使用繪製基金圖表類(帶快取的圖表類)Android快取
- UML類圖繪製例項
- C#使用自己寫的海龜繪圖類繪製遞迴分型樹C#繪圖遞迴
- 使用joinjs繪製流程圖(五)-流程圖繪製JS流程圖
- 使用css繪製圖形CSS
- 使用MAUI繪製圖表UI
- 使用joinjs繪製流程圖(一)JS流程圖
- vue使用Echarts繪製地圖VueEcharts地圖
- 使用 Flutter 繪製圖表(二)餅狀圖?Flutter
- 使用 Flutter 繪製圖表(一)柱狀圖?Flutter
- PyQt5——視窗繪圖類控制元件QT繪圖控制元件
- 如何使用軟體繪製流程圖!流程圖
- 13.1 使用DirectX9繪圖引擎繪圖
- 使用靜態html繪製流程圖HTML流程圖
- C# 新建的類庫無法新增 System.Drawing 引用問題C#
- Linux/Docker 中使用 System.Drawing.Common 踩坑小計LinuxDocker
- R繪圖(2): 離散/分類變數如何畫熱圖/方塊圖繪圖變數
- 如何繪製一個類甘特圖 (附原始碼)原始碼
- 使用Matplotlib繪製3D圖形3D
- 使用python matplotlib實現動圖繪製Python
- 在Power BI Desktop中使用Python繪圖Python繪圖
- 任務2 使用Canva的繪圖工具繪圖
- iOS使用Charts框架繪製折線圖iOS框架
- Zwibbler—前端Canvas繪圖工具使用記錄前端Canvas繪圖
- 【Android繪圖】繪圖之基礎篇(一)Android繪圖
- python繪圖Python繪圖
- Matlab繪圖Matlab繪圖
- PLT繪圖繪圖
- 繪圖工具繪圖
- Python 繪圖Python繪圖
- [ARC175E] Three View DrawingView
- 上下文繪圖,濾鏡簡單使用繪圖
- 如何使用 Arduino 製作一個繪圖儀UI繪圖
- VUE中使用Echarts繪製地圖遷移VueEcharts地圖
- 使用Windows API進行GDI視窗繪圖WindowsAPI繪圖
- 【Go語言繪圖】gg 庫的基本使用Go繪圖
- C++ Qt開發:Charts繪製各類圖表詳解C++QT
- PlantUML --- 使用程式碼快速繪製時序圖、思維導圖時序圖
- 使用 Transformers 進行圖分類ORM