MFC编程实验（二）：GDI绘图

拼搏现实的明天。 2022-10-16 02:59 269阅读 0赞

**一、实验要求**

1.  以窗口中心点为原点，绘制y=x2的函数曲线，并在曲线旁边用文字描述；
2.  绘制一个红色的圆，并绘制该圆的外切正方形，该正方形填充颜色为蓝色，边线颜色为绿色。

**二、实验过程**

**（一）绘制****y=x2****的函数曲线**

1、利用MFC新建一个基于对单文档的应用程序（SDI应用程序），工程名为Function。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70][]

2、在类视图中找到CfunctionVie,在这个文档的头文件中添加：\#include "math.h"

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 1][]

3、在文件中找到下OnDraw()方法。在其中添加代码：根据示例图中的要求先绘制函数图像，并显示文字描述。主要分为三步完成：

① 绘制横纵坐标轴，设置原点；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 2][]

② 根据要求绘制函数图像；

![20210526162552535.png][]

③ 输出函数文本描述。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 3][]

4、这个程序使用到了绘图函数MoveTo()和LineTo()，分别控制起始点和终点；根据函数绘制图像以及文本的输出。其中CRect 实际上是一个矩形的类。运行结果如下图。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 4][]

**（二）按要求绘制圆形及其外接矩形**

1、继续在程序中添加代码，绘制一个红色的圆及它的绿色的外接矩形并将两个图形之间的部分填充为蓝色。分为三步：

①绘制一个矩形其边框为绿色；

②将其矩形内部填充为蓝色；

③绘制一个边框为红色的圆即可实现。

代码如下。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 5][]

2、这个程序主要使用到了Pen和Brush，需要注意其使用的流程。运行结果如下图。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 6][]

**（三）显示一幅位图**

1、在菜单栏中找到插入，选择插入资源，类型为Bitmap。选择一张准备好的位图图片，选中插入。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 7][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 8][]

2、继续添加代码，将插入的位图载入并显示出来。代码如下。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 9][]

其中的StretchBlt()方法将内存中的位图拷贝到屏幕上，并且可以根据屏幕画图区的大小来进行伸缩，适应响应的屏幕或者控件。查阅了资料，参数作用分别为：

CDC::StretchBlt ( int x, int y,int nWidth,int nHeight, CDC\* pSrcDC, intxSrc,  int ySrc, int nSrcWidth,  int nSrcHeight, DWORD dwRop)

返回值：如果位图已经绘制，则返回非零值，否则为0。

参数：     x                目标矩形左上角的X逻辑坐标。

y               目标矩形左上角的Y逻辑坐标。

nWidth           目标矩形的宽度（逻辑单位）。

nHeight          目标矩形的高度（逻辑单位）。

pSrcDC          指定源设备上下文。

xSrc             源矩形左上角的X逻辑坐标。

ySrc              源矩形左上角的Y逻辑坐标。

nSrcWidth        源矩形的宽度（逻辑单位）。

nSrcHeight       源矩形的高度（逻辑单位）。

dwRop              指定光栅操作。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70]: /images/20221014/5e58734562a448a692f0ca36f7df283b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 1]: /images/20221014/9833c6ea0b8a4b5abb603768915b9473.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 2]: /images/20221014/4db236f6e66b4e6aafa6ae6be4c580a1.png
[20210526162552535.png]: /images/20221014/feed2b54a4b64e55872052c8b59ac70a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 3]: /images/20221014/45c4ce8eb04d416fae62a6ab659e7b71.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 4]: /images/20221014/205fcebcd13d48bf8a525c8118c0dc2b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 5]: /images/20221014/364c66c7862d4f4f87a18647f60141fb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 6]: /images/20221014/16cf82880c0140bc855996e287cd6ac9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 7]: /images/20221014/877a16c33b34487c8c6e466e6d3d9a32.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 8]: /images/20221014/ef189a1a7d04417891f82a9e458e840e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01hcms3NzU4_size_16_color_FFFFFF_t_70 9]: /images/20221014/4ec6cd4228a146de82217e94e80c951c.png