C# 使用 GDI+ 实现添加中心旋转(任意角度)的文字

前言

这篇文章是 GDI+ 总结系列的第三篇,如果对 GDI+ 的基础使用不熟悉的朋友可以先看第一篇文章《C# 使用 GDI+ 画图》。

需求

需求是要实现给图片添加任意角度旋转的文字,文字的旋转中心要是在文字区域中央,就像 CSS 的 rotate 函数一样的效果。如下:

分析&思路

Graphics 类有个 RotateTransform 方法,可以传入任意角度的值来旋转画板。但是这个方法的旋转中心是画板的左上角,所以直接单单用这个方法不能满足我们的需求。此外, Graphics 类还有个 TranslateTransform 方法可以改变坐标的原点,而且这个方法是沿着矩形的x,y轴平移的,即就算图片旋转了一定的角度后,再调用 TranslateTransform 方法,它还是沿着x,y轴平移。于是通过以下三个步骤即可实现图片中心旋转。

  1. 把画板(Graphics对象)原点平移到矩形中心位置(x, y)
  2. 在(x, y)位置绕原点旋转画板N度
  3. 画板退回(-x, -y)的距离

还是看不懂的同学看下面的图应该就明白了

明白了原理,那不容易推断出,如果要旋转的中心不是图片中心而是文字中心,那步骤还是一样的,只是把(x, y)改为文字中心的坐标就好了。

除了上面说的方法,其实还有一个方法可以实现中心旋转,那就是使用 Matrix 类。 Matrix 类的 RotateAt 方法可以指定矩阵旋转的中心位置。

//
 // 摘要:
 //  沿 point 参数中指定的点并通过预先计算该旋转,来顺时针旋转此 System.Drawing.Drawing2D.Matrix。
 //
 // 参数:
 // angle:
 //  旋转角度(范围)(单位:度)。
 //
 // point:
 //  一个 System.Drawing.PointF,表示旋转中心。
 [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 方法旋转该矩阵,再把旋转后的矩阵赋值给画板就好了。

具体实现

添加任意角度文字方法

/// <summary>
/// 图片添加任意角度文字(文字旋转是中心旋转,角度顺时针为正)
/// </summary>
/// <param name="imgPath">图片路径</param>
/// <param name="locationLeftTop">文字左上角定位(x1,y1)</param>
/// <param name="fontSize">字体大小,单位为像素</param>
/// <param name="text">文字内容</param>
/// <param name="angle">文字旋转角度</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); // 计算出来文字所占矩形区域
 // 左上角定位
 string[] location = locationLeftTop.Split(',');
 float x1 = float.Parse(location[0]);
 float y1 = float.Parse(location[1]);
 // 进行文字旋转的角度定位
 if (angle != 0)
 {
  #region 法一:TranslateTransform平移 + RotateTransform旋转
  /*
   * 注意:
   * Graphics.RotateTransform的旋转是以Graphics对象的左上角为原点,旋转整个画板的。
   * 同时x,y坐标轴也会跟着旋转。即旋转后的x,y轴依然与矩形的边平行
   * 而Graphics.TranslateTransform方法,是沿着x,y轴平移的
   * 因此分三步可以实现中心旋转
   * 1.把画板(Graphics对象)平移到旋转中心
   * 2.旋转画板
   * 3.把画板平移退回相同的距离(此时的x,y轴仍然是与旋转后的矩形平行的)
   */
  //// 把画板的原点(默认是左上角)定位移到文字中心
  //graphics.TranslateTransform(x1 + sf.Width / 2, y1 + sf.Height / 2);
  //// 旋转画板
  //graphics.RotateTransform(angle);
  //// 回退画板x,y轴移动过的距离
  //graphics.TranslateTransform(-(x1 + sf.Width / 2), -(y1 + sf.Height / 2));
  #endregion
  #region 法二:矩阵旋转
  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 是文字矩形区域宽、高。如图:

测试调用

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, "写点啥好呢", 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();
 }
}

最终效果

没有旋转时

中心旋转30度

总结

以上所述是小编给大家介绍的C# 使用 GDI+ 实现添加中心旋转(任意角度)的文字,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

(0)

相关推荐

  • C# 实现的图片盖章功能,支持拖拽、旋转、放缩、保存

    实现图片盖章功能,在图片上点击,增加"图章"小图片,可以拖拽"图章"到任意位置,也可以点击图章右下角园框,令图片跟着鼠标旋转和放缩. 操作方法:1.点击增加"图章"2.选中移动图标3.点中右下角放缩旋转图章. 效果图: 实现代码如下: 1.  窗口Xaml代码 复制代码 代码如下: <Window x:Class="Lenovo.YogaPaster.ImageEditWindow"    xmlns="htt

  • C#实现字体旋转的方法

    本文实例讲述了C#实现字体旋转的方法.分享给大家供大家参考.具体实现方法如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Text; using System.Windows.Forms; using System.Drawing.Drawing2D; namespace adv

  • C#图像处理之图像平移的方法

    本文实例讲述了C#图像处理之图像平移的方法.分享给大家供大家参考.具体如下: //定义图像平移函数 private static Bitmap offsetp(Bitmap a,int s,int v) { System.Drawing.Imaging.BitmapData srcData = a.LockBits(new Rectangle (0,0,a.Width ,a.Height) ,System .Drawing .Imaging .ImageLockMode .ReadWrite ,

  • 利用C#代码实现图片旋转360度

    using System; using System.Collections.Generic; using System.Drawing; using System.IO; using System.Linq; using System.Text; namespace 图片旋转程序 { public class ImageHelper { /// <summary> /// 以逆时针为方向对图像进行旋转 /// </summary> /// <param name="

  • C#实现计算一个点围绕另一个点旋转指定弧度后坐标值的方法

    本文实例讲述了C#实现计算一个点围绕另一个点旋转指定弧度后坐标值的方法.分享给大家供大家参考.具体如下: 1.示例图 P(x1,y1)以点A(a,b)为圆心,旋转弧度为θ,求旋转后点Q(x2,y2)的坐标 2.实现方法 先将坐标平移,计算点(x1-a,y1-b)围绕原点旋转后的坐标,再将坐标轴平移到原状态 /// <summary> /// 结构:表示一个点 /// </summary> struct Point { //横.纵坐标 public double x, y; //构造

  • c#实现图片的平移和旋转示例代码

    前言 本文主要给大家分享了关于利用c#实现图片的平移和旋转的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧 方法如下 1新建文件夹,添加一个图片 2 添加控件 两个button控件 一个image控件 一个Canvas控件 3 代码实现 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; us

  • C#控制图像旋转和翻转的方法

    本文实例讲述了C#控制图像旋转和翻转的方法.分享给大家供大家参考.具体实现方法如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Text; using System.Windows.Forms; namespace WindowsApplication2 { public par

  • C#中图片旋转和翻转(RotateFlipType)用法分析

    本文实例分析了C#中图片旋转和翻转(RotateFlipType)用法.分享给大家供大家参考.具体如下: 首次接触Image.RotateFlip时可能会对它的旋转方式搞糊涂,其中旋转时有许多参数如: 1.Rotate90FlipX 2.Rotate90FliY 3.Rotate90FlipXY 4.Rotate90FlipNone 以上面四个为例: 1是指定后接水平翻转的90度顺时针旋转, 2是指定后接垂直翻转的90度顺时针旋转, 3是指定后接水平翻转和垂直翻转的90度顺时针旋转, 4是指定不

  • C#利用GDI+绘制旋转文字等效果实例

    本文实例讲述了C#利用GDI+绘制旋转文字等效果的方法,是非常实用的技巧.分享给大家供大家参考之用.具体如下: C#中利用GDI+绘制旋转文本的文字,网上有很多资料,基本都使用矩阵旋转的方式实现.但基本都只提及按点旋转,若要实现在矩形范围内旋转文本,资料较少.经过琢磨,可以将矩形内旋转转化为按点旋转,不过需要经过不少的计算过程.利用下面的类可以实现该功能. 具体实现代码如下: using System; using System.Collections.Generic; using System

  • C# 使用 GDI+ 实现添加中心旋转(任意角度)的文字

    前言 这篇文章是 GDI+ 总结系列的第三篇,如果对 GDI+ 的基础使用不熟悉的朋友可以先看第一篇文章<C# 使用 GDI+ 画图>. 需求 需求是要实现给图片添加任意角度旋转的文字,文字的旋转中心要是在文字区域中央,就像 CSS 的 rotate 函数一样的效果.如下: 分析&思路 Graphics 类有个 RotateTransform 方法,可以传入任意角度的值来旋转画板.但是这个方法的旋转中心是画板的左上角,所以直接单单用这个方法不能满足我们的需求.此外, Graphics

  • 让图片旋转任意角度及JQuery插件使用介绍

    引入下方的jquery.rotate.js文件,然后通过$("选择器").rotate(角度);可以旋转任意角度, 例如$("#rotate-image").rotate(45);把这句放在$(document).ready(function(){ });中 就是将id为rotate-image的图片旋转45度. 不过,貌似在Chrome中总是不显示. 唉,找了两个小时,才发现Chrome太坑爹了,没法获取图片的长宽. 解决办法是,把$("#rotate-

  • Unity实现绕任意轴任意角度旋转向量

    本文实例为大家分享了Unity实现绕任意轴任意角度旋转向量的具体代码,供大家参考,具体内容如下 游戏中有一需求,就是一个矩形或者Cube绕着某一点旋转任意角度,现在给出下面算法. public static Vector3 RotateRound(Vector3 position, Vector3 center, Vector3 axis, float angle) { Vector3 point = Quaternion.AngleAxis(angle, axis) * (position -

  • opencv图片的任意角度旋转实现示例

    目录 一 旋转角度坐标的计算 二 旋转任意角度的步骤 三 实现 一 旋转角度坐标的计算 1.如果O点为圆心,则点P绕点O旋转redian弧度之后,点P的坐标变换为点Q的计算公式为: Q.x=P.x*cos(redian)-P.y*sin(redian) Q.y=P.x*sin(redian)+P.y*cos(redian) redian表示的为弧度 弧度与角度的变换公式为: redian=pi*180/angle 2. 如果O点不是圆心,则点P绕点O旋转redian弧度之后,点P的坐标变换为Q的

  • Java实现图片翻转以及任意角度旋转

    最近几天在做一个项目,因为涉及到了图片(绝大部分都不是整图,是把一张张的大图切成小图,也就是Title)的翻转以及90°旋转,弄得焦头烂额.在网上搜索好几天,发现用到的方法都是比较公式化的,对于只是在绘图的时候需要显示翻转而不需要另外生成图片的情况,这些代码用起来非常的麻烦.最后仔细的研究了一下JDK文档,用Graphics2D很简单的就实现了以下功能: 1.图片的翻转,包括水平翻转以及垂直翻转 2.图片的任意角度旋转.因为工程需要,代码里面都直接写成了+90,根据需要,可以对这个值进行改动,以

  • unity3D实现物体任意角度自旋转

    本文实例为大家分享了unity3D实现物体任意角度自旋转的具体代码,供大家参考,具体内容如下 主要涉及函数: Input.GetAxis("Mouse x") 可取得鼠标横向(x轴)移动增量 Input.GetAxis("Mouse y") 可取得鼠标竖向(y轴)移动增量 通过勾股定理获取拖拽长度,长度越长旋转越快.在project setting--Input 可以设置. 这里用Cube来做例子,因为方体看旋转比较清楚,如图: 代码如下: using UnityE

  • java实现图片无损任意角度旋转

    前言 在做项目的时候遇到一个业务需要对图片进行旋转,于是找到一个工具类,亲测有效:在此与大家共享,需要用时可以直接用哈! 实战 一.旋转工具类代码: package zh.test.utils; import java.awt.*; import java.awt.image.BufferedImage; /** * 图片旋转工具类 */ public class RotateImage { /** * 对图片进行旋转 * * @param src 被旋转图片 * @param angel 旋转

  • 超详细注释之OpenCV旋转图像任意角度

    上一篇博客介绍了 如何使用Python,OpenCV上下左右(或任意组合)平移图像.这篇博客将介绍如何使用OpenCV旋转图像任意角度.并演示如何使用imutils库中的两个函数imutils.rotate和imutils.rotate_bound不丢失细节的旋转图像. 使用OpenCV应用图像旋转时,有3种方法实现: cv2.getRotationMatrix2D 和 cv2.warpAffine: imutils.rotate 同方法1(可能局部丢失): imutils.rotate_bou

  • python opencv实现任意角度的透视变换实例代码

    本文主要分享的是一则python+opencv实现任意角度的透视变换的实例,具体如下: # -*- coding:utf-8 -*- import cv2 import numpy as np def rad(x): return x * np.pi / 180 img = cv2.imread("6.jfif") cv2.imshow("original", img) # 扩展图像,保证内容不超出可视范围 img = cv2.copyMakeBorder(img,

  • Python OpenCV实现任意角度二维码矫正

    目录 前言 一般图片矫正方式 二维码图片矫正 思路 编码实现 前言 那天听到领导他们在讨论,说要将图片进行个矫正处理,还叫来了算法部的大佬来讨论将要如何处理这个,讨论场面很是激烈 不得不说好奇心是个很神奇的东西,就把我给吸引过去了 我定眼一看,感觉作为JAVA开发的我自己也能进行处理 因为看到了图片后,发现了图片中一个很重要的特征点: 要进行矫正的图片中都会有一个二维码图案,想要矫正的文字和二维码图案是处于同一水平线的. 如下面这个 要把图片中的“水中加点糖”四个字矫正,只需要把二维码矫正就可以

随机推荐