easyx快速入门1

2024-05-15 21:28
文章标签 入门 快速 easyx

本文主要是介绍easyx快速入门1，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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;
}

这篇关于easyx快速入门1的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/992963。

相关文章

乐鑫 Matter 技术体验日｜快速落地 Matter 产品，引领智能家居生态新发展

乐鑫 Matter 技术体验日｜快速落地 Matter 产品，引领智能家居生态新发展

随着 Matter 协议的推广和普及，智能家居行业正迎来新的发展机遇，众多厂商纷纷投身于 Matter 产品的研发与验证。然而，开发者普遍面临技术门槛高、认证流程繁琐、生产管理复杂等诸多挑战。  乐鑫信息科技 (688018.SH) 凭借深厚的研发实力与行业洞察力，推出了全面的 Matter 解决方案，包含基于乐鑫 SoC 的 Matter 硬件平台、基于开源 ESP-Matter SDK 的一
阅读更多...
C++必修：模版的入门到实践

C++必修：模版的入门到实践

✨✨ 欢迎大家来到贝蒂大讲堂✨✨ 🎈🎈养成好习惯，先赞后看哦~🎈🎈 所属专栏：C++学习 贝蒂的主页：Betty’s blog 1. 泛型编程 首先让我们来思考一个问题，如何实现一个交换函数？ void swap(int& x, int& y){int tmp = x;x = y;y = tmp;} 相信大家很快就能写出上面这段代码，但是如果要求这个交换函数支持字符型
阅读更多...
零基础STM32单片机编程入门(一)初识STM32单片机

零基础STM32单片机编程入门(一)初识STM32单片机

文章目录 一.概要二.单片机型号命名规则三.STM32F103系统架构四.STM32F103C8T6单片机启动流程五.STM32F103C8T6单片机主要外设资源六.编程过程中芯片数据手册的作用1.单片机外设资源情况2.STM32单片机内部框图3.STM32单片机管脚图4.STM32单片机每个管脚可配功能5.单片机功耗数据6.FALSH编程时间，擦写次数7.I/O高低电平电压表格8.外设接口
阅读更多...
ps基础入门

ps基础入门

1.基础      1.1新建文件      1.2创建指定形状      1.4移动工具          1.41移动画布中的任意元素          1.42移动画布          1.43修改画布大小          1.44修改图像大小      1.5框选工具      1.6矩形工具      1.7图层          1.71图层颜色修改          1
阅读更多...
C++入门01

C++入门01

1、.h和.cpp 源文件 (.cpp)源文件是C++程序的实际实现代码文件，其中包含了具体的函数和类的定义、实现以及其他相关的代码。主要特点如下：实现代码: 源文件中包含了函数、类的具体实现代码，用于实现程序的功能。编译单元: 源文件通常是一个编译单元，即单独编译的基本单位。每个源文件都会经过编译器的处理，生成对应的目标文件。包含头文件: 源文件可以通过#include指令引入头文件，以使
阅读更多...
LVGL快速入门笔记

LVGL快速入门笔记

目录 一、基础知识 1. 基础对象（lv_obj） 2. 基础对象的大小(size) 3. 基础对象的位置(position) 3.1 直接设置方式 3.2 参照父对象对齐 3.3 获取位置 4. 基础对象的盒子模型(border-box) 5. 基础对象的样式(styles) 5.1 样式的状态和部分 5.1.1 对象可以处于以下状态States的组合： 5.1.2 对象
阅读更多...
C语言入门系列：探秘二级指针与多级指针的奇妙世界

C语言入门系列：探秘二级指针与多级指针的奇妙世界

文章目录 一，指针的回忆杀1，指针的概念2，指针的声明和赋值3，指针的使用3.1 直接给指针变量赋值3.2 通过*运算符读写指针指向的内存3.2.1 读3.2.2 写 二，二级指针详解1，定义2，示例说明3，二级指针与一级指针、普通变量的关系3.1，与一级指针的关系3.2，与普通变量的关系,示例说明 4，二级指针的常见用途5，二级指针扩展到多级指针 小结 C语言的学习之旅中，二级
阅读更多...
打造坚固的SSH防护网：端口敲门入门指南

打造坚固的SSH防护网：端口敲门入门指南

欢迎来到我的博客，代码的世界里，每一行都是一个故事 🎏：你只管努力，剩下的交给时间 🏠 ：小破站 打造坚固的SSH防护网：端口敲门入门指南 前言什么是端口敲门端口敲门的优点1. 增强安全性2. 动态防火墙规则3. 隐匿服务4. 改善日志管理5. 灵活性和兼容性6. 低资源消耗7. 防御暴力破解和扫描8. 便于合法用户访问9. 适用于不同类型的服务 端口敲
阅读更多...
好书推荐《深度学习入门 基于Python的理论与实现》

好书推荐《深度学习入门 基于Python的理论与实现》

如果你对Python有一定的了解，想对深度学习的基本概念和工作原理有一个透彻的理解，想利用Python编写出简单的深度学习程序，那么这本书绝对是最佳的入门教程，理由如下：     （1）撰写者是一名日本普通的AI工作者，主要记录了他在深度学习中的笔记，这本书站在学习者的角度考虑，秉承“解剖”深度学习的底层技术，不使用任何现有的深度学习框架、尽可能仅使用基本的数学知识和Python库。从零创建一个
阅读更多...
手把手教你入门vue+springboot开发（五）--docker部署

手把手教你入门vue+springboot开发（五）--docker部署

文章目录 前言一、前端打包二、后端打包三、docker运行总结 前言 前面我们重点介绍了vue+springboot前后端分离开发的过程，本篇我们结合docker容器来研究一下打包部署过程。 一、前端打包 在VSCode的命令行中输入npm run build可以打包前端代码，出现下图提示表示打包完成。 打包成功后会在前端工程目录生成dist目录，如下图所示： 把
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2