溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

C#如何使用GDI+實現(xiàn)添加中心旋轉(zhuǎn)(任意角度)的文字

發(fā)布時間:2021-05-21 11:19:38 來源:億速云 閱讀:497 作者:小新 欄目:編程語言

這篇文章主要介紹了C#如何使用GDI+實現(xiàn)添加中心旋轉(zhuǎn)(任意角度)的文字,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

需求

需求是要實現(xiàn)給圖片添加任意角度旋轉(zhuǎn)的文字,文字的旋轉(zhuǎn)中心要是在文字區(qū)域中央,就像 CSS 的 rotate 函數(shù)一樣的效果。如下:

C#如何使用GDI+實現(xiàn)添加中心旋轉(zhuǎn)(任意角度)的文字 

分析&思路

Graphics 類有個 RotateTransform 方法,可以傳入任意角度的值來旋轉(zhuǎn)畫板。但是這個方法的旋轉(zhuǎn)中心是畫板的左上角,所以直接單單用這個方法不能滿足我們的需求。此外, Graphics 類還有個 TranslateTransform 方法可以改變坐標(biāo)的原點(diǎn),而且這個方法是沿著矩形的x,y軸平移的,即就算圖片旋轉(zhuǎn)了一定的角度后,再調(diào)用 TranslateTransform 方法,它還是沿著x,y軸平移。于是通過以下三個步驟即可實現(xiàn)圖片中心旋轉(zhuǎn)。

  1. 把畫板(Graphics對象)原點(diǎn)平移到矩形中心位置(x, y)

  2. 在(x, y)位置繞原點(diǎn)旋轉(zhuǎn)畫板N度

  3. 畫板退回(-x, -y)的距離

還是看不懂的同學(xué)看下面的圖應(yīng)該就明白了

C#如何使用GDI+實現(xiàn)添加中心旋轉(zhuǎn)(任意角度)的文字 

明白了原理,那不容易推斷出,如果要旋轉(zhuǎn)的中心不是圖片中心而是文字中心,那步驟還是一樣的,只是把(x, y)改為文字中心的坐標(biāo)就好了。

除了上面說的方法,其實還有一個方法可以實現(xiàn)中心旋轉(zhuǎn),那就是使用 Matrix 類。 Matrix 類的 RotateAt 方法可以指定矩陣旋轉(zhuǎn)的中心位置。

//
 // 摘要:
 //  沿 point 參數(shù)中指定的點(diǎn)并通過預(yù)先計算該旋轉(zhuǎn),來順時針旋轉(zhuǎn)此 System.Drawing.Drawing2D.Matrix。
 //
 // 參數(shù):
 // angle:
 //  旋轉(zhuǎn)角度(范圍)(單位:度)。
 //
 // point:
 //  一個 System.Drawing.PointF,表示旋轉(zhuǎn)中心。
 [TargetedPatchingOptOut("Performance critical to inline this type of method across NGen image boundaries")]
 public void RotateAt(float angle, PointF point);

Graphics 類的 Transform 屬性返回的就是 Matrix 對象,該屬性可以 get 、 set 。因此我們先獲取原來的畫板的矩陣,然后使用 RotateAt 方法旋轉(zhuǎn)該矩陣,再把旋轉(zhuǎn)后的矩陣賦值給畫板就好了。

具體實現(xiàn)

添加任意角度文字方法

/// <summary>
/// 圖片添加任意角度文字(文字旋轉(zhuǎn)是中心旋轉(zhuǎn),角度順時針為正)
/// </summary>
/// <param name="imgPath">圖片路徑</param>
/// <param name="locationLeftTop">文字左上角定位(x1,y1)</param>
/// <param name="fontSize">字體大小,單位為像素</param>
/// <param name="text">文字內(nèi)容</param>
/// <param name="angle">文字旋轉(zhuǎn)角度</param>
/// <param name="fontName">字體名稱</param>
/// <returns>添加文字后的Bitmap對象</returns>
public Bitmap AddText(string imgPath, string locationLeftTop, int fontSize, string text, int angle = 0, string fontName = "華文行楷")
{
 Image img = Image.FromFile(imgPath);
 int width = img.Width;
 int height = img.Height;
 Bitmap bmp = new Bitmap(width, height);
 Graphics graphics = Graphics.FromImage(bmp);
 // 畫底圖
 graphics.DrawImage(img, 0, 0, width, height);
 Font font = new Font(fontName, fontSize, GraphicsUnit.Pixel);
 SizeF sf = graphics.MeasureString(text, font); // 計算出來文字所占矩形區(qū)域
 // 左上角定位
 string[] location = locationLeftTop.Split(',');
 float x1 = float.Parse(location[0]);
 float y1 = float.Parse(location[1]);
 // 進(jìn)行文字旋轉(zhuǎn)的角度定位
 if (angle != 0)
 {
  #region 法一:TranslateTransform平移 + RotateTransform旋轉(zhuǎn)
  /* 
   * 注意:
   * Graphics.RotateTransform的旋轉(zhuǎn)是以Graphics對象的左上角為原點(diǎn),旋轉(zhuǎn)整個畫板的。
   * 同時x,y坐標(biāo)軸也會跟著旋轉(zhuǎn)。即旋轉(zhuǎn)后的x,y軸依然與矩形的邊平行
   * 而Graphics.TranslateTransform方法,是沿著x,y軸平移的
   * 因此分三步可以實現(xiàn)中心旋轉(zhuǎn)
   * 1.把畫板(Graphics對象)平移到旋轉(zhuǎn)中心
   * 2.旋轉(zhuǎn)畫板
   * 3.把畫板平移退回相同的距離(此時的x,y軸仍然是與旋轉(zhuǎn)后的矩形平行的)
   */
  //// 把畫板的原點(diǎn)(默認(rèn)是左上角)定位移到文字中心
  //graphics.TranslateTransform(x1 + sf.Width / 2, y1 + sf.Height / 2);
  //// 旋轉(zhuǎn)畫板
  //graphics.RotateTransform(angle);
  //// 回退畫板x,y軸移動過的距離
  //graphics.TranslateTransform(-(x1 + sf.Width / 2), -(y1 + sf.Height / 2));
  #endregion
  #region 法二:矩陣旋轉(zhuǎn)
  Matrix matrix = graphics.Transform;
  matrix.RotateAt(angle, new PointF(x1 + sf.Width / 2, y1 + sf.Height / 2));
  graphics.Transform = matrix;
  #endregion
 }
 // 寫上自定義角度的文字
 graphics.DrawString(text, font, new SolidBrush(Color.Black), x1, y1);
 graphics.Dispose();
 img.Dispose();
 return bmp;
}

PS:這里簡單解釋一下為什么文字中心是 (x1 + sf.Width / 2, y1 + sf.Height / 2) ,因為 (x, y) 是左上角,而 sf.Width 、 sf.Height 是文字矩形區(qū)域?qū)?、高。如圖:

C#如何使用GDI+實現(xiàn)添加中心旋轉(zhuǎn)(任意角度)的文字 

測試調(diào)用

private static void Main(string[] args)
{
 try
 {
  Console.WriteLine("Start drawing ...");
  DrawingEntity drawing = new DrawingEntity();
  System.Drawing.Bitmap bmp = drawing.AddText(@"D:\test\1.png", "176.94,150.48", 66, "寫點(diǎn)啥好呢", 30);
  bmp.Save(@"D:\test\output.png");
  bmp.Dispose();
  Console.WriteLine("Done!");
 }
 catch (System.Exception ex)
 {
  Console.WriteLine(ex.ToString());
 }
 finally
 {
  System.Console.WriteLine("\nPress any key to continue ...");
  System.Console.ReadKey();
 }
}

最終效果

沒有旋轉(zhuǎn)時

C#如何使用GDI+實現(xiàn)添加中心旋轉(zhuǎn)(任意角度)的文字 

中心旋轉(zhuǎn)30度

C#如何使用GDI+實現(xiàn)添加中心旋轉(zhuǎn)(任意角度)的文字

C#是什么

C#是一個簡單、通用、面向?qū)ο蟮木幊陶Z言,它由微軟Microsoft開發(fā),繼承了C和C++強(qiáng)大功能,并且去掉了一些它們的復(fù)雜特性,C#綜合了VB簡單的可視化操作和C++的高運(yùn)行效率,以其強(qiáng)大的操作能力、優(yōu)雅的語法風(fēng)格、創(chuàng)新的語言特性和便捷的面向組件編程從而成為.NET開發(fā)的首選語言,但它不適用于編寫時間急迫或性能非常高的代碼,因為C#缺乏性能極高的應(yīng)用程序所需要的關(guān)鍵功能。

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“C#如何使用GDI+實現(xiàn)添加中心旋轉(zhuǎn)(任意角度)的文字”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

gdi
AI