前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >MFC绘图小实验(2)

MFC绘图小实验(2)

作者头像
Zoctopus
发布2018-06-04 11:22:07
1.5K0
发布2018-06-04 11:22:07
举报

1,以正五边形的5个顶点为基础,隔点存储构成五角星。填充模式采用WINDING。五角星边界线为5个像素宽的蓝色实线,内部使用红色填充。

代码语言:javascript
复制
    CRect rect;  //定义矩形
    GetClientRect(&rect);  //获得客户区矩形
    pDC->SetMapMode(MM_ANISOTROPIC);  //设置映射模式
    pDC->SetWindowExt(rect.Width(),rect.Height());  //设置窗口
    pDC->SetViewportExt(rect.Width(),-rect.Height());  //设置视区:x轴水平向右为正,y轴垂直向上为正
    pDC->SetViewportOrg(rect.Width()/2,rect.Height()/2);  //设置客户区中心为坐标系原点
    rect.OffsetRect(-rect.Width()/2,-rect.Height()/2);  //客户区矩形校正

    CPen penBlue(PS_SOLID,5,RGB(0,0,255));  //定义5个像素宽的蓝色画笔
    CPen *pOldPen=pDC->SelectObject(&penBlue);
    CBrush brushRed(RGB(255,0,0));  //定义红色画刷
    CBrush *pOldBrush=pDC->SelectObject(&brushRed);  
    pDC->SetPolyFillMode(WINDING);  //设置填充模式
    int r=200;  //正五边形外接圆半径
    CPoint p[5];  //定义正五边形顶点数组
    double Beta=2*PI/5;  //定义每个顶点的圆心角β
    double Alpha=PI/10;  //定义初始角α
    for(int i=0;i<5;i++)
    {
        p[i].x=Round(r*cos(i*Beta+Alpha));
        p[i].y=Round(r*sin(i*Beta+Alpha));
    }
    CPoint v[5];
    v[0]=p[0];v[1]=p[2];v[2]=p[4];v[3]=p[1];v[4]=p[3];  //转储顶点
    pDC->Polygon(v,5);  //绘制五角星
    pDC->SelectObject(pOldPen);  //恢复画笔
    pDC->SelectObject(pOldBrush);  //恢复画刷

注意:在该例程中用到了三角函数,要包含数学头文件;用到了圆周率π的值,需要把它宏定义为PI;由于五边形的顶点数组的计算值为浮点型数据,存储为CPoint类型时需要进行舍入处理。为此在文件头添加了以下编译预处理语句:

代码语言:javascript
复制
#include<math.h>
#define PI 3.1415926
#define Round(d) int(floor(d+0.5))

2,使用直线函数绘制P0(-160,20)、P1(-240,100)、P2(-280,0)、P3(-240,-100)、P4(-180,-40)、P5(-140,-100)、P6(-60,40)左侧多边形,水平右移360个像素绘制同样形状的多边形,使用FillPath()函数填充左侧多边形,使用StrokeAndFillPath()函数填充右侧多边形。多边形边界线颜色保持默认黑色,内部填充为红色。

代码语言:javascript
复制
    CRect rect;  //定义矩形
    GetClientRect(&rect);  //获得客户区矩形
    pDC->SetMapMode(MM_ANISOTROPIC);  //设置映射模式
    pDC->SetWindowExt(rect.Width(),rect.Height());  //设置窗口
    pDC->SetViewportExt(rect.Width(),-rect.Height());  //设置视区:x轴水平向右为正,y轴垂直向上为正
    pDC->SetViewportOrg(rect.Width()/2,rect.Height()/2);  //设置客户区中心为坐标系原点
    rect.OffsetRect(-rect.Width()/2,-rect.Height()/2);  //客户区矩形校正

    CPoint p[7];  //定义顶点数组
    p[0]=CPoint(-160,20);p[1]=CPoint(-240,100);
    p[2]=CPoint(-280,0);p[3]=CPoint(-240,-100);
    p[4]=CPoint(-180,-40);p[5]=CPoint(-140,-100);p[6]=CPoint(-60,40);
    CBrush NewBrush;
    NewBrush.CreateSolidBrush(RGB(255,0,0));
    CBrush *pOldBrush=pDC->SelectObject(&NewBrush);
    pDC->BeginPath();
    pDC->MoveTo(p[0]);  //绘制左侧多边形
    for(int i=1;i<7;i++)
        pDC->LineTo(p[i]);
    pDC->LineTo(p[0]);
    pDC->EndPath();
    pDC->FillPath();
    p[0]=CPoint(200,20);p[1]=CPoint(120,100);
    p[2]=CPoint(80,0);p[3]=CPoint(120,-100);
    p[4]=CPoint(180,-40);p[5]=CPoint(220,-100);p[6]=CPoint(300,40);
    pDC->BeginPath();
    pDC->MoveTo(p[0]);
    for(i=1;i<7;i++)  //绘制右侧多边形
        pDC->LineTo(p[i]);
    pDC->LineTo(p[0]);
    pDC->EndPath();
    pDC->StrokeAndFillPath();  //StrokeAndFillPath 填充路径层
    pDC->SelectObject(pOldBrush);
    NewBrush.DeleteObject();

3,给定7个控制点p0(-350,-100)、p1(-250,100)、p2(0,130)、p3(50,-50)、p5(350,-20),p6(250,130)。使用黑色画笔绘制控制多边形,使用蓝色画笔绘制两段Bezier样条。要求两段Bezier样条光滑连接,也就是说p4控制点与p2、p3控制点共线。设p4点的x坐标为90,请根据直线方程计算p4点的y坐标并绘制光滑拼接的两段Bezier样条。

代码语言:javascript
复制
    CRect rect;  //定义矩形
    GetClientRect(&rect);  //获得客户区矩形
    pDC->SetMapMode(MM_ANISOTROPIC);  //设置映射模式
    pDC->SetWindowExt(rect.Width(),rect.Height());  //设置窗口
    pDC->SetViewportExt(rect.Width(),-rect.Height());  //设置视区:x轴水平向右为正,y轴垂直向上为正
    pDC->SetViewportOrg(rect.Width()/2,rect.Height()/2);  //设置客户区中心为坐标系原点
    rect.OffsetRect(-rect.Width()/2,-rect.Height()/2);  //客户区矩形校正

    CPoint p[7];  
    p[0]=CPoint(-350,-100);p[1]=CPoint(-250,100);
    p[2]=CPoint(0,130);p[3]=CPoint(50,-50);
    double k=(p[3].y-p[2].y)/(p[3].x-p[2].x);
    double x=90,y=k*(x-p[3].x)+p[3].y;
    p[4]=CPoint(Round(x),Round(y));p[5]=CPoint(350,-20);p[6]=CPoint(250,130);
    for(int i=0;i<7;i++)
    {
        if(0==i)
            pDC->MoveTo(p[i]);
        else
            pDC->LineTo(p[i]);
        pDC->Ellipse(p[i].x-5,p[i].y-5,p[i].x+5,p[i].y+5);  //黑色实心圆绘制控制点
    }
    CPen NewPen,*pOldPen;
    NewPen.CreatePen(PS_SOLID,1,RGB(0,0,255));  //蓝色画笔绘制样条
    pOldPen=pDC->SelectObject(&NewPen);
    pDC->PolyBezier(p,7);  //绘制Bezier样条
    pDC->SelectObject(pOldPen);

4,绘制两个扇形构成扇子形状,并使用资源文件里的位图画刷填充扇子内部。

在Resource View 画板里选中Test resources,右击,在弹出的菜单里选择引入...,

注意:图片后缀名必须是.bmp

效果如下:

代码语言:javascript
复制
    CRect rect;  //定义矩形
    GetClientRect(&rect);  //获得客户区矩形
    pDC->SetMapMode(MM_ANISOTROPIC);  //设置映射模式
    pDC->SetWindowExt(rect.Width(),rect.Height());  //设置窗口
    pDC->SetViewportExt(rect.Width(),-rect.Height());  //设置视区:x轴水平向右为正,y轴垂直向上为正
    pDC->SetViewportOrg(rect.Width()/2,rect.Height()/2);  //设置客户区中心为坐标系原点
    rect.OffsetRect(-rect.Width()/2,-rect.Height()/2);  //客户区矩形校正

    CBitmap NewBitmap;
    NewBitmap.LoadBitmap(IDB_BITMAP1);
    CBrush NewBrush,*pOldBrush;
    NewBrush.CreatePatternBrush(&NewBitmap);  //新建模式画刷,图片作为模式刷
    pOldBrush=pDC->SelectObject(&NewBrush);
    CPen *pOldPen;
    pOldPen=(CPen*)pDC->SelectStockObject(NULL_PEN);
    CPoint ld,rt,sp,eq;
    ld=CPoint(-400,-600),rt=CPoint(400,200);  //外接矩形的左下角点ld、右上角点rt
    sp=CPoint(400,0),eq=CPoint(-400,0);  //椭圆弧的起点sp和终点eq
    pDC->Pie(CRect(ld,rt),sp,eq);
    pDC->SelectObject(pOldBrush);
    NewBitmap.DeleteObject();
    ld=CPoint(-80,-280),rt=CPoint(80,-120);
    sp=CPoint(400,0),eq=CPoint(-400,0);
    pDC->Pie(CRect(ld,rt),sp,eq);  //使用默认画刷填充
    pDC->SelectObject(pOldPen);
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-04-10 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1,以正五边形的5个顶点为基础,隔点存储构成五角星。填充模式采用WINDING。五角星边界线为5个像素宽的蓝色实线,内部使用红色填充。
  • 2,使用直线函数绘制P0(-160,20)、P1(-240,100)、P2(-280,0)、P3(-240,-100)、P4(-180,-40)、P5(-140,-100)、P6(-60,40)左侧多边形,水平右移360个像素绘制同样形状的多边形,使用FillPath()函数填充左侧多边形,使用StrokeAndFillPath()函数填充右侧多边形。多边形边界线颜色保持默认黑色,内部填充为红色。
  • 3,给定7个控制点p0(-350,-100)、p1(-250,100)、p2(0,130)、p3(50,-50)、p5(350,-20),p6(250,130)。使用黑色画笔绘制控制多边形,使用蓝色画笔绘制两段Bezier样条。要求两段Bezier样条光滑连接,也就是说p4控制点与p2、p3控制点共线。设p4点的x坐标为90,请根据直线方程计算p4点的y坐标并绘制光滑拼接的两段Bezier样条。
  • 4,绘制两个扇形构成扇子形状,并使用资源文件里的位图画刷填充扇子内部。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档