【EasyX】快速入门——静态图形篇

1.基本说明

EasyX 是针对 C++ 的图形库,可以帮助 C/C++ 初学者快速上手图形和游戏编程。

比如,可以基于 EasyX 图形库很快的用几何图形画一个房子,或者一辆移动的小车,可以编写俄罗斯方块、贪吃蛇、黑白棋等小游戏,可以练习图形学的各种算法,等等。

许多人学编程都是从 C 语言入门的,而现状是:

  1. 有些学校以 Turbo C 为环境学习 C 语言,只是 Turbo C 实在太老了,复制粘贴都很不方便。
  2. 有些学校直接拿 VC 来讲 C 语言,因为 VC 的编辑和调试环境都很优秀,并且 VC 有适合教学的免费版本。可惜在 VC 里面只能做一些文字性的练习题,想画条直线或一个圆都很难,例如需要注册窗口类、建消息循环等等,初学者会受严重打击的。初学编程想要绘图就得用 TC,很是无奈。
  3. 还有计算机图形学,这门课程的重点是绘图算法,而不是 Windows 编程。所以,许多老师不得不用 TC 教学,因为 Windows 绘图太复杂了,会偏离教学的重点。新的图形学的书有不少是用的 OpenGL,可是门槛依然很高。

于是就有了这个 EasyX 库。如果您刚开始学 C 语言,或者您是一位教 C 语言的老师,再或者您在教计算机图形学,那么这个库一定会让您兴奋的。

2.系统支持

操作系统:Windows XP(sp3) 及以上操作系统。
编译环境:Visual C++ 6.0,Visual Studio 2008 至 Visual Studio 2022 (x86 & x64)。

3.安装——EasyX Graphics Library for C++

请下载最新版 EasyX 安装程序,直接运行,并跟随提示安装即可。

安装程序会自动检测您已经安装的 VC 版本,并根据您的选择将对应的 .h 和 .lib 文件安装至 VC 的 include 和 lib 文件夹内。安装程序不会修改注册表或者您本机的其它任何文件。

4.如何学习easyx 

其实学习easyx的最好的方法就是看它的文档——EasyX 文档 - 基本说明 

5.第一个程序

首先我们要知道easyx是使用C++语言的,所以我们创建的源文件应该是.cpp后缀的

同样我们使用的不是<stdio.h>的头文件了,我们使用的是<easyx.h>的文件,就像下面这样子

6.easyx快速入门之路(有点漫长,请耐心走完哦)

6.1.initgraph函数

这个函数用于初始化绘图窗口。

 

6.2.closegraph函数 

创建了窗体,我们肯定要关闭窗体

这个函数用于关闭绘图窗口。

我们直接上例子

#include<easyx.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体closegraph();return 0;
}

运行一下,我们发现窗体一闪而过,这是因为创建绘图窗体之后又立马关闭了,那怎么办呢?

我们可以使用getchar()暂时阻塞程序,等待用户按键后再关闭

getchar在<stdio.h>里面

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体getchar();closegraph();return 0;
}

 

 我们可以看到一个黑色的绘图窗体,按回车键就关闭了窗体

6.3circle函数

该函数使用当前画线样式绘制无填充的圆。

我们看个例子 

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体circle(0, 0, 300);getchar();closegraph();return 0;
}

我丢,这个圆心怎么在窗体的最左上方?这是因为easyx的坐标系统的原因

6.4easyx的坐标系统

我们先看看官网怎么说

 再看看图

 我们之前画的圆形的圆心是(0,0),是逻辑坐标的默认值,所以圆心自然在左上方了

逻辑坐标的原点是可以移动的,我们可以修改逻辑坐标的原点移动到窗体的中间

6.5setorigin函数

我们举个例子

学会了这个,我们再去修改那个绘制圆的函数

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点circle(0, 0, 300);getchar();closegraph();return 0;
}

 我们看到啊,终于圆心位于正中央了!!

6.7setaspectratio函数

我们虽然把逻辑坐标的圆心改到了最中间的位置,但是y轴的方向和我们熟悉的轴线完全不一样。因此我们有必要去修改一下y轴的方向

 我们再完善一下上面那个代码

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向circle(0, 0, 300);getchar();closegraph();return 0;
}

 6.8putpixel函数

这个函数用于画点。

我们先了解下面这些颜色,更多的颜色表示我们不急 

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向putpixel(0, 0, RED);putpixel(200, 200, YELLOW);putpixel(200, -200, CYAN);putpixel(-200, -200, GREEN);putpixel(-200, 200, WHITE);getchar();closegraph();return 0;
}

WHAT?点呢?不要慌张,因为一个点是一个像素大小,我们很难看见它们 

我们让效果更明显一点,我们随机生成100个点,x,y的坐标取值范围如下

 我们让效果更明显一点,我们随机生成100个点

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向int x, y;for (int i = 0; i < 1000; ++i){x = rand() % (800 + 1) - 400;y = rand() % (600 + 1) - 300;putpixel(x, y, WHITE);}getchar();closegraph();return 0;
}

这个效果就非常明显了哈! 

6.9line函数

这个函数用于画直线。

举个例子 

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向line(-200, 200, 200, -200);line(-200, -200, 200, 200);getchar();closegraph();return 0;
}

 6.10画多个圆

我们学会了用circle来画圆形,那我们加大一点难度

代码: 

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向for (int r = 10; r <= 300; r += 10){circle(0, 0, r);}getchar();closegraph();return 0;
}

 6.11rectangle函数

这个函数用于画无填充的矩形。

示例 

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向rectangle(-200, 100, 200, -100);getchar();closegraph();return 0;
}

 看效果

 6.12ellipse函数

这个函数用于画无填充的椭圆。

举例: 

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向ellipse(-200, 100, 200, -100);getchar();closegraph();return 0;
}

6.12roundrect函数 

这个函数用于画无填充的圆角矩形。

圆角矩形的样子如下 

 

我们举例

代码

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向roundrect(-200, 100, 200, -100,200,100);getchar();closegraph();return 0;
}

6.13pie函数

 绘制扇形

 注意是顺时针旋转单位为弧度

举例

代码

#define PI 3.14
#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向pie(-200, 100, 200, -100,0,PI/4);getchar();closegraph();return 0;
}

6.14arc函数 

绘制圆弧

举例

#define PI 3.14
#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向arc(-200, 100, 200, -100,0,PI/4);getchar();closegraph();return 0;
}

 7.绘制多边形

基本的函数我们掌握了,我们就玩点进阶的吧!

7.1绘制三角形

我们举个例子

代码

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向line(0, 200, 200, -200);line(200, -200, -200, -200);line(-200, -200, 0, 200);getchar();closegraph();return 0;
}

7.2polygon函数 

如果我们绘制多边形都要像上面那样子,就会很复杂,不过好在easyx有一个函数来帮我们绘制多边形,那就是polygon函数

我们看看这个POINT是个什么东西 

 举例

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向// 方法 1POINT pts[] = { {50, 200}, {200, 200}, {200, 50} };polygon(pts, 3);// 方法 2int pts2[] = { 0, 0,  100, 200,  200, 50 };polygon((POINT*)pts2, 3);getchar();closegraph();return 0;
}

 

7.3绘制矩形

 我们可以使用polygon函数来绘制矩形

假如我们要绘制下面这样一个图像

代码 

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向// 方法 1POINT pts[] = { {-200,100}, {200, 100}, {200, -100},{-200,-100 } };polygon(pts, 4);getchar();closegraph();return 0;
}

7.4绘制梯形 

代码:

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向// 方法 1POINT pts[] = { {-100,100}, {100, 100}, {200, -100},{-200,-100 } };polygon(pts, 4);getchar();closegraph();return 0;
}

 7.5绘制五边形

绘制五边形比前面绘制四边形多了一个棘手的问题,就是我们很难确定五个点的坐标?

那我们可以使用三角函数来得到坐标

我们看看P1和P2是怎么求的

这个时候,敏锐的同学就会发现 我们可以通过一个循环来得到五个点的坐标,起始角度是90度,每次循环增加360/5=72度,就可以得到五个点的坐标

注意:sin和cos用的是弧度制,所以代码要用弧度制来

 代码:

#define PI 3.14
#include<easyx.h>
#include<stdio.h>
#include<math.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向double theta = PI / 2;//起始角度double delta = 2 * PI / 5;//每次循环增加的角度int r = 200;POINT points[5];for (int i = 0; i < 5; ++i){points[i].x = cos(theta + i * delta) * r;points[i].y = sin(theta + i * delta) * r;}polygon(points, 5);getchar();closegraph();return 0;
}

7.6绘制不规则的图形 

我们可以使用polygon函数来绘制不规则图形

 例如我们可以绘制像下面这样一个多边形

代码

#define PI 3.14
#include<easyx.h>
#include<stdio.h>
#include<math.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向POINT points[8] = { {-400,0},{-200,200},{0,50},{200,200},{400,0},{200,150},{0,0},{-200,150} };polygon(points, 8);getchar();closegraph();return 0;
}

呢我们能不能画一个W呢?

答案是polygon函数不能,因为polygon函数会按顺序依次连接各个点最后会绘制一条P1到P5的线

7.7polyline函数

既然我们不能使用polygon来描绘出不封闭的图形W,我们可以使用polyline函数来绘制,这个函数和polygon的唯一区别就是它不会自动连接首尾两个点,

我们接着画上面那个W图形

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);//翻转y轴的方向POINT points[5] = { {-400,200},{-200,-200},{0,100},{200,-200},{400,200} };polyline(points, 5);getchar();closegraph();return 0;
}

8.形状的样式 

前面我们学习了一系列图形的函数,但是我们发现,它们都是白色的单一线条,那我们如何让这些图形丰富起来呢?

8.1仅描边图形样式

我们先复习一下画圆的代码

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点circle(0, 0, 300);getchar();closegraph();return 0;
}

我们可以发现它是仅由一条白线组成,而且圆的内部没有填充任何颜色

我们将图形边缘的线条称为图形的描边,描边的颜色默认为白色,包括我们之前学习的所有绘制图形的函数,都是如此。

8.2setlinecolor函数 

我们不想让描边的颜色是白色,我们可以使用setlinecolor函数来设置描边的颜色

我们来使用一下

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setlinecolor(RED);circle(0, 0, 300);getchar();closegraph();return 0;
}

 很好,描边变红色了。

8.3setlinestyle函数

我们觉得感觉样式也太单调了,那我们可以使用setlinestyle函数来改变描边的样式

这个函数用于设置当前设备画线样式

我们现在先重点关注前两个参数

先看第一个参数 ,参数 style 指定了画线样式,该样式由直线样式、端点样式、连接样式三类组成。可以是其中一类或多类的组合。同一类型中只能指定一个样式。

8.3.1线形样式

 掩码宏表示对应样式组所占用的所有位。例如,对于一个已经混合了多种样式的 style 变量,如果希望仅将直线样式修改为点划线,可以这么做:

style = (style & ~PS_STYLE_MASK) | PS_DASHDOT;

我们举个例子

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setlinestyle(PS_SOLID);circle(0, 0, 50);setlinestyle(PS_DASH);circle(0, 0, 100);setlinestyle(PS_DOT);circle(0, 0, 150);setlinestyle(PS_DASHDOT);circle(0, 0, 200);setlinestyle(PS_DASHDOTDOT);circle(0, 0, 250);setlinestyle(PS_NULL);circle(0, 0, 300);getchar();closegraph();return 0;
}

我丢,这谁看得清楚啊

这个时候,我们就可以使用第二个参数来设置线条的粗细

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setlinestyle(PS_SOLID,4);circle(0, 0, 50);setlinestyle(PS_DASH,4);circle(0, 0, 100);setlinestyle(PS_DOT,4);circle(0, 0, 150);setlinestyle(PS_DASHDOT,4);circle(0, 0, 200);setlinestyle(PS_DASHDOTDOT,4);circle(0, 0, 250);setlinestyle(PS_NULL,4);circle(0, 0, 300);getchar();closegraph();return 0;
}

 怎么样?够清晰了吧!

8.3.2端点样式

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);setlinestyle(PS_ENDCAP_ROUND, 16);line(-300, 200, 300, 200);setlinestyle(PS_ENDCAP_SQUARE, 16);line(-300, 150, 300, 150);setlinestyle(PS_ENDCAP_SQUARE, 16);line(-300, 100, 300, 100);getchar();closegraph();return 0;
}

 8.3.3连接样式

 代码

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);setlinestyle(PS_JOIN_BEVEL,64);POINT point1[3] = { {-150,100},{0,200},{150,100} };polyline(point1, 3);setlinestyle(PS_JOIN_MITER,64);POINT point2[3] = { {-150,0},{0,100},{150,0} };polyline(point2, 3);setlinestyle(PS_JOIN_ROUND,64);POINT point3[3] = { {-150,-100},{0,0},{150,-100} };polyline(point3, 3);getchar();closegraph();return 0;
}

 8.4.仅填充图形样式

在之前学习的封闭图形的时候,我们发现里面都是空的,那么我们可以来进行填充

这些函数和使用描边绘制图形函数基本一模一样,唯一的区别就是在函数名前加solid

例如我们要绘制有填充的图形样式,就要使用solidcircle函数

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);solidcircle(0, 0, 100);getchar();closegraph();return 0;
}

我们发现这个默认填充颜色是白色,那我们如何修改这个填充颜色呢?

8.4.1setfillcolor函数 

这个函数是来设置填充颜色的

我们可以对上面的代码进行改进

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);setfillcolor(YELLOW);solidcircle(0, 0, 100);getchar();closegraph();return 0;
}

8.5描边加填充图形样式 

前面我们学习了仅描边或者仅填充的样式,那如果我既想让它有描边样式,又有填充样式,我们该怎么办呢

很简单,仅在函数名前加fill

代码 

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);setlinecolor(RED);setlinestyle(PS_DASH, 12);setfillcolor(YELLOW);fillcircle(0, 0, 200);getchar();closegraph();return 0;
}

 8.6设置背景色——setbkcolor

例如,我们想把我们的背景设置为白色

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);setbkcolor(WHITE);getchar();closegraph();return 0;
}

什么,怎么还是黑色的?

我们看看文档

我靠,原来如此

我们改进一下

8.7cleardevice函数

使用这个函数,代表之前绘制的一切东西都会被清空 

有了这个我们就能对上面的进行改进了

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);setbkcolor(WHITE);cleardevice();getchar();closegraph();return 0;
}

我靠,成功了!! 

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);setbkcolor(WHITE);cleardevice();setfillcolor(BLUE);solidcircle(0, 0, 300);getchar();closegraph();return 0;
}

9.颜色模型 

在此之前,我们用的颜色都是easyx已经定义好的颜色

但是这些颜色还是具有很多局限性的,无法表示更多丰富多彩的颜色样式

9.1RGB颜色模型

不知道大家有没有近距离的观察过屏幕,我们就会发现屏幕居然是由很多红点,绿点,蓝点组成的,其他颜色均是由这三种颜色混合而成的。其实啊,这个是因为显示器使用了人眼的三原色原理

我们将每种原色从弱到强分为256等分 

这个时候我们将不同比例的原色进行混合,就可以形成各种各样的颜色

此外,颜色值也可以使用三原色份数的十六进制数进行组合表示

 那么,我们在代码中怎么使用RGB颜色模型呢?

在easyx中,提供了一个名为RGB的函数

有人就好奇了,这个BYTE是个啥?我们看

又有人好奇了这个COLORREF是个啥?

很好!!接下来我们就来使用这个函数

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setbkcolor(RGB(134, 172, 242));cleardevice();getchar();closegraph();return 0;
}

成功啦!!哈哈 

9.2.HSV颜色模型

我们看下面这个

我们把三原色放在圆形的三等分点处,然后按与三原色的距离来分配不同颜色的比例,就能得到像下面这样一个色环

我们发现,每一个角度都代表一种颜色,这个就叫色相,此外,HSV颜色模型还提供了两个参数,用于控制颜色的鲜艳程度和明暗程度,它们分别为饱和度和明度。

例如,我们选取色相为240度,就是蓝色,选取不同饱和度,明度,我们得到的颜色也不同

 饱和度下降,越靠近白色,明度下降,越靠近黑色,明度有时候也叫亮度,所以HSV和HSB是一个东西

但是显示屏是使用三原色原理制作的,HSV模型无法使用于显示屏

但是我们可以使用HSV模式选好颜色,再将其转换为RGB模式,就可以显示在屏幕上

9.2.1.HSVtoRGB函数

该函数将HSV颜色转换为RGB颜色

我们可以使用在线拾色器选取一个颜色,然后将其转换为RGB颜色

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setbkcolor(HSVtoRGB(219,0.45,0.95));cleardevice();getchar();closegraph();return 0;
}

9.3.绘制彩虹窗体 

我们怎么做才能得到彩虹色的背景呢?

其实很简单,我们只需要环绕色环转一圈即可

也就是色相从0开始到360度逐渐递增变化,明度饱和度选100%就可以了

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体float dH = 360.0 / 600.0;float h = 0;for (int y = 0; y < 600; ++y){setlinecolor(HSVtoRGB(h, 1, 1));line(0, y, 800, y);h += dH;}getchar();closegraph();return 0;
}

9.4.绘制蓝天,彩虹 

我们想画下面这样子的图

那我们要怎么做呢?

我们线画渐变色的蓝天吧!很简单,把图拆分为600条线(因为宽是600像素)

 看代码

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体float s = 0.76;float ds = s/600;for (int y = 0; y < 600; ++y){setlinecolor(HSVtoRGB(216, s, 0.95));line(0, y, 800, y);s -= ds;}getchar();closegraph();return 0;
}

我丢,这么美 ,得抓紧画彩虹了,彩虹很简单

我们看代码 

#include<easyx.h>
#include<stdio.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体float s = 0.76;float ds = s/600;for (int y = 0; y < 600; ++y){setlinecolor(HSVtoRGB(216, s, 0.95));line(0, y, 800, y);s -= ds;}float h = 0;float dh = 360.0 / 100.0;for (int r = 300; r >= 200; --r){setlinecolor(HSVtoRGB(h, 1, 1));circle(400, 600, r);h += dh;}getchar();closegraph();return 0;
}

10.剪切区域 

我们希望能用圆形画出像下面这样一朵花

很明显,这是许多个等半径的圆形组成的,圆心都位于内部圆形的六等分处,我们就可以使用三角函数来得到圆心的坐标

我们直接上代码 

#define PI 3.14
#include<easyx.h>
#include<stdio.h>
#include<math.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);//设置逻辑坐标的原点setaspectratio(1, -1);setbkcolor(WHITE);cleardevice();setlinecolor(BLACK);setlinestyle(PS_SOLID, 10);int r = 150;circle(0, 0, r);for (int i = 0; i < 6; ++i){int x = cos(i * (2 * PI / 6)) * r;int y=sin(i * (2 * PI / 6)) * r;circle(x,y,r);}getchar();closegraph();return 0;
}

这不就是小case吗!!!哈哈哈

现在我们有新需求,我们只要中间这个圆形,其他的不要

那我们怎么做呢?

这就需要学习新知识了——剪切区域

10.1剪切区域

我们在绘制前设置剪切区域,绘制在剪切区域的图形将被保留,绘制在剪切区域的图形将被抛弃

注意:必须先建立剪切区域,再调用绘图函数

回到上面那个问题,我们可以先建立一个剪切区域

这样子白色部分的将被保留,其他的将被删除

10.2.创建区域

我们怎么创建剪切区域呢?

easyx并没有直接提供创建区域的函数,因此我们需要借助Windows GDI

我们一个一个来好好看看

 

我们发现,这些函数和它们对应的图形绘制函数的参数形式一模一样 ,实际上,它们分别和对应的绘制函数的用法也是一模一样的

注意:剪切区域是以物理坐标为坐标系的

由于没有直接绘制圆形的函数,我们可以使用绘制椭圆的

10.3设置剪切区域——setcliprgn函数

小兄弟,光创建了区域还不行,我们还得把它设置成剪切区域才行!!!

而setcliprgn刚好是用来干这个活的

很好,万事具备,只欠东风,我们开写

#define PI 3.14
#include<easyx.h>
#include<stdio.h>
#include<math.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);setaspectratio(1, -1);setbkcolor(WHITE);cleardevice();setlinecolor(BLACK);setlinestyle(PS_SOLID, 10);int r = 150;HRGN rgn = CreateEllipticRgn(250, 150, 550, 450);//创建区域setcliprgn(rgn);//将创建的区域设置为剪切区域circle(0, 0, r);for (int i = 0; i < 6; ++i){int x = cos(i * (2 * PI / 6)) * r;int y=sin(i * (2 * PI / 6)) * r;circle(x,y,r);}setcliprgn(NULL);//将剪切区域设为空DeleteObject(rgn);//销毁区域getchar();closegraph();return 0;
}

注意绘图完成后,要将剪切区域设为空,并且要删除创建的区域

我靠,就这?太简单了吧!!别急,更厉害的还在后面,加油吧,少年

10.4.CombineRgn函数

区域之间可以进行集合运算并组合 ,我们可以使用CombineRgn函数来组合区域,这个函数也不是easyx自带的,所以用的也是物理坐标

这个函数是让源区域1和源区域2按照某种组合模式(第四个参数)进行组合得到新的剪切区域

组合模式如下

第一个参数是没有什么太大的意义的,但是它必须是一个存在的区域,它是用来承接组合后的区域的

接下来我们就举几个例子来看看怎么使用组合区域

#define PI 3.14
#include<easyx.h>
#include<stdio.h>
#include<math.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);setaspectratio(1, -1);setbkcolor(WHITE);cleardevice();setlinecolor(BLACK);setlinestyle(PS_SOLID, 10);int r = 150;HRGN rgn1 = CreateEllipticRgn(250, 250, 550, 550);//创建区域HRGN rgn2 = CreateEllipticRgn(250, 100, 550, 400);//创建区域HRGN rgn = CreateEllipticRgn(0,0,0,0);//创建区域CombineRgn(rgn, rgn1, rgn2, RGN_AND);setcliprgn(rgn);circle(0, 0, r);for (int i = 0; i < 6; ++i){int x = cos(i * (2 * PI / 6)) * r;int y=sin(i * (2 * PI / 6)) * r;circle(x,y,r);}setcliprgn(NULL);//将剪切区域设为空DeleteObject(rgn);//销毁区域DeleteObject(rgn1);//销毁区域DeleteObject(rgn2);//销毁区域getchar();closegraph();return 0;
}

 

我们接下来看并集的

#define PI 3.14
#include<easyx.h>
#include<stdio.h>
#include<math.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);setaspectratio(1, -1);setbkcolor(WHITE);cleardevice();setlinecolor(BLACK);setlinestyle(PS_SOLID, 10);int r = 150;HRGN rgn1 = CreateEllipticRgn(250, 250, 550, 550);//创建区域HRGN rgn2 = CreateEllipticRgn(250, 100, 550, 400);//创建区域HRGN rgn = CreateEllipticRgn(0,0,0,0);//创建区域CombineRgn(rgn, rgn1, rgn2, RGN_OR);setcliprgn(rgn);circle(0, 0, r);for (int i = 0; i < 6; ++i){int x = cos(i * (2 * PI / 6)) * r;int y=sin(i * (2 * PI / 6)) * r;circle(x,y,r);}setcliprgn(NULL);//将剪切区域设为空DeleteObject(rgn);//销毁区域DeleteObject(rgn1);//销毁区域DeleteObject(rgn2);//销毁区域getchar();closegraph();return 0;
}

 

我们看看并集排除重叠区域

#define PI 3.14
#include<easyx.h>
#include<stdio.h>
#include<math.h>
int main()
{initgraph(800, 600);//创建了800*600像素的窗体setorigin(400, 300);setaspectratio(1, -1);setbkcolor(WHITE);cleardevice();setlinecolor(BLACK);setlinestyle(PS_SOLID, 10);int r = 150;HRGN rgn1 = CreateEllipticRgn(250, 250, 550, 550);//创建区域HRGN rgn2 = CreateEllipticRgn(250, 100, 550, 400);//创建区域HRGN rgn = CreateEllipticRgn(0,0,0,0);//创建区域CombineRgn(rgn, rgn1, rgn2, RGN_XOR);setcliprgn(rgn);circle(0, 0, r);for (int i = 0; i < 6; ++i){int x = cos(i * (2 * PI / 6)) * r;int y=sin(i * (2 * PI / 6)) * r;circle(x,y,r);}setcliprgn(NULL);//将剪切区域设为空DeleteObject(rgn);//销毁区域DeleteObject(rgn1);//销毁区域DeleteObject(rgn2);//销毁区域getchar();closegraph();return 0;
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/12958.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用VMware或VirtualBox安装eNSP Pro并使用CRT连接设备

文章目录 使用Oracle Virtual Box安装eNSP Pro创建虚拟机配置网卡配置带外管理网络 使用VMware Workstation安装eNSP Pro转换文件格式及虚拟磁盘模式配置网卡创建虚拟机配置使用CRT连接管理设备 前一段时间是开放了eNSP Pro的账号权限&#xff0c;但是在写博客时&#xff0c;权…

27.哀家要长脑子了!

目录 1.316. 去除重复字母 - 力扣&#xff08;LeetCode&#xff09; 2. 1209. 删除字符串中的所有相邻重复项 II - 力扣&#xff08;LeetCode 哎哟 烦死了 刚刚不小心退出又没保存 又要写一遍 烦死了 最近刷题不得劲啊 感觉这脑子没长一点 1.316. 去除重复字母 - 力扣&am…

(实测验证)【移远EC800M-CN 】GNSS功能打开和关闭关闭步骤验证

引言 本文章使用自研“超小体积TTL转4GGPS集成模块”进行实测验证&#xff1b; 一、打开GNSS功能 步骤一、通过 ATQGPSCFG 配置 GNSS 参数 &#xff08;1&#xff09;该命令用于查询和配置 GNSS 不同的设置&#xff0c;包括 NMEA 语句输出端口、NMEA 语句的输出类型等。 1.1…

NSSCTF | [SWPUCTF 2021 新生赛]easyupload2.0

先传一个普通的一句话木马试一试 GIF89a <?php eval($_POST[shell]);?> 可以看到回显&#xff0c;不允许上传php文件。 使用Burpsuite抓包只修改ContentType后发现也不能绕过&#xff0c;说明服务器使用了黑名单后缀限制&#xff0c;那么我们可以使用其他的后缀代替ph…

电路板维修【四】

【开关电源输出电压偏低不稳&#xff0c;用示波器立马锁定故障范围】&#xff1a;https://www.bilibili.com/video/BV1pf421D73K?vd_source3cc3c07b09206097d0d8b0aefdf07958 可以用示波器查看MOS的输出波形来查看其是否损坏&#xff1a; 电源芯片的供电电压来回跳变&#xf…

基于卷积神经网络CNN,使用二维卷积Conv2D实现MNIST数字识别的四种方法

前言 系列专栏&#xff1a;机器学习&#xff1a;高级应用与实践【项目实战100】【2024】✨︎ 在本专栏中不仅包含一些适合初学者的最新机器学习项目&#xff0c;每个项目都处理一组不同的问题&#xff0c;包括监督和无监督学习、分类、回归和聚类&#xff0c;而且涉及创建深度学…

ROS 2边学边练(48)-- 将URDF与robot_state_publisher一起使用

前言 本篇将完成一个行走的机器人&#xff0c;并以tf2消息的方式实时发布机器人状态&#xff0c;以便我们在Rviz中同步查看。 首先&#xff0c;我们创建描述机器人装配的URDF模型。接下来&#xff0c;我们编写一个节点&#xff0c;用于模拟运动并发布JointState和位姿变换。然后…

醉了,面个功能测试,还问我Python装饰器

Python 装饰器是个强大的工具&#xff0c;可帮你生成整洁、可重用和可维护的代码。某种意义上说&#xff0c;会不会用装饰器是区分新手和老鸟的重要标志。如果你不熟悉装饰器&#xff0c;你可以将它们视为将函数作为输入并在不改变其主要用途的情况下扩展其功能的函数。装饰器可…

dhcp(接口和全局地址池模式)

接口地址池和全局地址池 dhcp应用 1.全部开启dhcp功能 2.ar5 0口接口地址池 1口全局地址池 3.ar6和ar7配置&#xff0c;查看能否自动获取ip 左右不同两个网络&#xff0c;接口和全局地址池的区别 部分截图 ar6 ar7 ar5

(实测验证)【移远EC800M-CN 】TCP 透传

引言 本文章使用自研“超小体积TTL转4GGPS集成模块”进行实测验证&#xff1b; 1、配置移远EC800M-CN TCP 透传 串口助手发送&#xff1a; ATQIOPEN1,0,"TCP","36.137.226.30",39755,0,2 //配置服务器地址和端口号&#xff1b; 4G模组返回…

07-Fortran基础--Fortran指针(Pointer)的使用

07-Fortran基础--Fortran指针Pointer的使用 0 引言1 指针&#xff08;Poionter&#xff09;的有关内容1.1 一般类型指针1.2 数组指针1.3 派生类(type)指针1.4 函数指针 2 可运行code 0 引言 Fortran是一种广泛使用的编程语言&#xff0c;特别适合科学计算和数值分析。Fortran 9…

java代码混淆工具ProGuard混淆插件

java代码混淆工具ProGuard混淆插件 介绍 ProGuard是一个纯java编写的混淆工具&#xff0c;有客户端跟jar包两种使用方式。可以将程序打包为jar&#xff0c;然后用工具进行混淆&#xff0c;也可以在maven中导入ProGuard的插件&#xff0c;对代码进行混淆。 大家都知道 java代…

[ciscn 2022 东北赛区]math

1.题目 import gmpy2 from Crypto.Util.number import * from flag import flag assert flag.startswith(b"flag{") assert flag.endswith(b"}") messagebytes_to_long(flag) def keygen(nbit, dbit):if 2*dbit < nbit:while True:a1 getRandomNBitIn…

编辑器目录树的设计,一点也不简单

朋友们好&#xff0c;我是优秀的大鹏 今天花了很长时间思考一个网页文档编辑器&#xff0c;云端目录树要怎么设计 这个看似简单的需求&#xff0c;技术上和产品上的思考却非常复杂 下面以几种编辑器为例&#xff0c;讲一下各种编辑器在技术上和产品的思考 1、以Vscode为代表的本…

【神经网络与深度学习】Transformer原理

transformer ENCODER 输入部分 对拆分后的语句x [batch_size, seq_len]进行以下操作 Embedding 将离散的输入&#xff08;如单词索引或其他类别特征&#xff09;转换为稠密的实数向量&#xff0c;以便可以在神经网络中使用。位置编码 与RNN相比&#xff0c;RNN是一个字一个字…

Django Rest Framework 全局异常处理

在Django Rest Framework&#xff08;DRF&#xff09;中&#xff0c;全局异常处理是一种重要的机制&#xff0c;它可以帮助我们更好地管理API中的异常情况&#xff0c;并返回统一的错误响应。本文将详细介绍两种全局异常处理的方法&#xff1a;使用中间件&#xff08;Middlewar…

机器学习(3)

目录 3-1线性回归 3-2最小二乘解 3-3多元线性回归 3-4广义线性模型 3-5对率回归 3-6对率回归求解 3-7线性判别分析 3-8LDA的多类推广 3-9多分类学习基本思路 3-10类别不平衡 3-1线性回归 线性模型为什么重要&#xff1f; 人类在考虑问题时&#xff0c;通常…

先有JVM还是先有垃圾回收器?很多人弄混淆了

是先有垃圾回收器再有JVM呢&#xff0c;还是先有JVM再有垃圾回收器呢&#xff1f;或者是先有垃圾回收再有JVM呢&#xff1f;历史上还真是垃圾回收更早面世&#xff0c;垃圾回收最早起源于1960年诞生的LISP语言&#xff0c;Java只是支持垃圾回收的其中一种。下面我们就来刨析刨析…

抖店商品详情API接口(产品参数|详情图)

抖店商品详情API接口(产品参数|详情图) 参数仅供参考&#xff1a; {"code": 0,"msg": "调用成功","time": "1715763239","data": {"properties": [{"format": [{"message": [{&q…

C语言简要(一)

总得让她开心吧 helloworld #include <stdio.h>int main() {printf("hello world!\n");return 0; } 程序框架 #include <stdio.h> int main {return 0; }输出 printf("hello world!\n"); "里面的内容叫做“字符串”&#xff0c;prin…