【GDI+】旋转文本/斜体字

一、需求

想要绘制如下所示的斜体字，45度

二、分析&思路

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

旋转前字体区域顶部为AB，旋转后字体区域顶部为CB 文本AB，旋转后为CB 1、将原点平移到C点 2、绕着新原点C点逆时针旋转45° 3、在新原点C处绘制字符 4、取消旋转 已知：AB=BC=width,∠ABC=45°，B坐标为(Xb,Yb),原点在左上角，求C坐标。 CD = BD = BC ÷ √2 = width ÷ √2 Xc = Xb - BD = Xb - width ÷ √2  Yc = Yb + CD = Yb +  width ÷ √2

 

 三、代码

#define TOP_EMPTY_HEIGHT 10
#define LEFT_YRULE_WDITH 50 //左侧Y轴间隔
#define RIGHT_YRULE_WDITH 15//右侧Y轴间隔
#define BOTTOM_XRULE_HEIGHT 80 //底部X轴的高度
#define TEXT_RECT_WIDTH 55	//文字区域宽度
#define TEXT_RECT_HEIGHT 13	//文字区域高度

DoPaint(HDC hDC, const RECT& rcPaint)
{
    RECT rectFrame = m_rcItem;
	rectFrame.top += TOP_EMPTY_HEIGHT;
	rectFrame.left += LEFT_YRULE_WDITH;
	rectFrame.right -= RIGHT_YRULE_WDITH;
	rectFrame.bottom -= BOTTOM_XRULE_HEIGHT;
  
    Gdiplus::Graphics graphics(hDC);
    int nFont = 12; //字体大小
    DWORD dwTxtColor = 0xFF999999;//文字颜色
    wstring strText = L"软件服务";
    RECT rcText;//原字体区域
    rcText.right = rectFrame.left + 10;
	rcText.left = rcText.right - TEXT_RECT_WIDTH ;
    
    //---------------------------------------------字体样式---------------------------------------
    //字体
    Gdiplus::FontFamily fontFamily(L"微软雅黑");
    Gdiplus::Font font(&fontFamily, (Gdiplus::REAL)nFont, Gdiplus::FontStyleRegular, Gdiplus::UnitPixel);
    //画刷
    Gdiplus::SolidBrush brush(dwTxtColor );
    //字符格式
    Gdiplus::StringFormat stringformat;
    stringformat.SetAlignment(Gdiplus::StringAlignmentFar);// 对应右对齐DT_RIGHT
    stringformat.SetLineAlignment(Gdiplus::StringAlignmentCenter);//对应垂直居中DT_VCENTER
    stringformat.SetTrimming(Gdiplus::StringTrimmingEllipsisCharacter);//句末显示不完是否使用...代替DT_END_ELLIPSIS
    stringformat.SetFormatFlags(Gdiplus::StringFormatFlagsNoWrap);//对应单行显示DT_SINGLELINE
    
    //---------------------------------------------绘制不旋转的字符---------------------------------------
    Gdiplus::RectF rcfText1(rcText.left, rcText.top, TEXT_RECT_WIDTH, TEXT_RECT_HEIGHT);
    graphics.DrawString(strText.c_str(), -1, &font, rcfText1, &stringformat, &brush);
    
    //----------------------------------------------绘制旋转字符---------------------------------------
    //translatetransform平移 + rotatetransform旋转
    //1、把画板(graphics对象)原点平移到位置(x, y)
    float x = rcText.right - TEXT_RECT_WIDTH / sqrt(2);
    float y = rcText.top + TEXT_RECT_WIDTH / sqrt(2);
    graphics.TranslateTransform(x, y);
    //2、绕新原点(x, y)逆时针旋转画板45度
    graphics.RotateTransform(-45);
    //3、在新原点(x, y)处绘制字符
    Gdiplus::RectF rcfText2(0, 0, TEXT_RECT_WIDTH , TEXT_RECT_HEIGHT );
    graphics.DrawString(strText.c_str(),-1, &font, rcfText2, &stringformat, &brush);
    //4、取消旋转
    graphics.ResetTransform();
}

 

参考：

1、C# 使用 GDI+ 实现添加中心旋转(任意角度)的文字_C#_服务器之家

2、GDI+ 中图像矩阵变换_litanyuan的博客-CSDN博客

3、https://greambwang.blog.csdn.net/article/details/98651600

4、关于Duilib中字体穿透变暗的几种可能性解决方案_8687137的技术博客_51CTO博客