EasyX趣味化编程note6，图片操作及文字

大家好这里是Dark FlameMaster
如果说前边所学的内容会给我们带来一定的乐趣，那么今天这篇可以说是最好玩的了，我们可以进一步改进写出小程序的好玩度，你甚至可以把身边的人或事写进一个小程序，制作一个小游戏，恶搞身边的人。

专栏在这里：EasyX趣味化编程

前言

前边所操作的都是EasyX图形库提供给我们的函数，利用这些函数可以进行相关的操作，从而绘制出相关的图片，达到趣味化编程的目的，而今天，你可以将一些美好事物的照片放进程序里（比如舍友的丑照），还可以将外界的歌曲放进程序里运行，比如数鸭子，嘿嘿

---

废话不多说，直接开始介绍。 EasyX支持 bmp / gif / jpg / png / tif / emf / wmf / ico格式的图片。 gif 格式的图片仅加载第一帧；gif 与 png 均不支持透明。如果不是这几种格式的图片，图形库就读取不到。

IMAGE对象可以保存图片的各类信息 我们可以这样创建一个IMAGE对象

IMAGE img;

填充显示IMAGE对象

void  loadimage(
	  IMAGE*pDstimg,
      LPCTSTR pImgFile,
      int nWidth=0;
      int nHeight=0,
      bool bResize=false
      );
1
2
3
4
5
6
7

• 函数第一个参数为待填充的IMAGE指针
• 第二个参数表示图片的路径
• 第三个参数的图片的拉伸宽度，若参数为零，则使用原图宽度
• 第四个参数为拉伸高度，若参数为零，则使用原图高度
• 第五个参数为是否调整IMAGE的大小适应图片

在使用该函数时，要将默认的宽字节模式改为多字节字符

点击属性

高级->字符集->未设置

第二个参数传递的是图片路径，可以使用相对路径，将图片放在工程目录中，也可以使用绝对路径，输入图片在电脑中的具体位置。

---

绘制图片

创建一个窗体，将一张图片绘制在窗体内部。
首先选择自己喜欢的一张图片，打开后就可以看到该图片的像素

默认的打印位置的左上角在0，0处
将该图片复制到工程目录中。

右击文件，打开所在文件夹

将图片复制进去即可，可以重命名一下。
加载图片

IMAGE img;
loadimage(&img,“./test.png”);

这里./表示在该工程目录中寻找，这样就将图片加载到img变量中了。
放置图片

void putimage(
    int dstX,
    int dstY,
    IMAGE*pSrcImg,
    DWORD dwRop=SRCCOPY
);
1
2
3
4
5
6

• 前两个参数为绘制位置的x,y坐标
• 第三个参数为要绘制的IMAGE指针，第四个参数表示三元光栅操作码

将刚刚的图片绘制在窗体上.
我们选择的图片像素比较大，我们可以将其拉伸至合适的宽度。

int main()
{
	initgraph(1000, 700);
	setbkcolor(RGB(156, 156, 156));
	cleardevice();
	IMAGE img;
	loadimage(&img, "test.jpg",1000,700);
	putimage(0, 0, &img);

	getchar();
	closegraph();
	return 0;
}
1
2
3
4
5
6
7
8
9
10
11
12
13

运行后效果如下

成功绘制图片

---

绘制不规则图片

只是绘制这些方方正正的图片我们一定不会满足，接下来介绍如何在背景上绘制出不规则图形的小人。
这里要强调一下，EasyX不能识别透明图片，我们可以利用三元光栅的方法进行绘制。
光栅运算法

首先要知道：
1， 黑色RGB(0,0,0)十六进制为0x000000。
2， 白色RGB(1,1,1)十六进制为0x111111。

首先我们要获得想要绘制的图形的原码和反码
>制作原码和反码

微信公众号搜索小白资源库，里面有photoshop的安装包及详细安装流程。

>原码和掩码如图。
掩码的外围为白色，中间为黑色，黑色与（&）上不管哪种颜色，它的颜色都是黑色，白色与上哪种颜色，他的颜色就为那种颜色。
例如：
外围白色与上RGB0x11001100，结果就为0x11001100。
里面的黑色与上RGB0x11001100,结果为0x000000。仍然为黑色。
先将掩码绘制在窗体上。图片不大，可以不放缩。

back即为内黑外围白的图片。
putimage的最后一个参数

设置绘制tutuback为与运算

int main()
{
	initgraph(1000, 700);
	setbkcolor(RGB(156, 156, 156));
	cleardevice();
	IMAGE img;
	loadimage(&img, "test.jpg",1000,700);
	putimage(0, 0, &img);
	IMAGE tutuback;
	loadimage(&tutuback, "tutuback.png");
	putimage(250, 250, &tutuback,SRCAND);

	getchar();
	closegraph();
	return 0;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

运行后如图所示

再观察原码，原码的外围皆为白色，内边就是胡图图的脸，白色和任何颜色进行或运算，结果都仍为原来的颜色，内部的与黑色进行或运算，运行结果就为原来的颜色。
再次设置一个IMAGE的变量
这时的三元运算操作码为SRCPAINT，即或

int main()
{
	initgraph(1000, 700);
	setbkcolor(RGB(156, 156, 156));
	cleardevice();
	IMAGE img;
	loadimage(&img, "test.jpg",1000,700);
	putimage(0, 0, &img);
	IMAGE tutuback;
	loadimage(&tutuback, "tutuback.png");
	putimage(250, 250, &tutuback,SRCAND);
	IMAGE tutu;
	loadimage(&tutu, "tutu.png");
	putimage(250, 250, &tutu, SRCPAINT);
	getchar();
	closegraph();
	return 0;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

运行后如图

很抱歉没画他的头发，秃顶图图也不错。
也可以将其抽离成一个函数，通过改变绘制图片的位置就可以使图片移动起来。

这里作者没有找到资源，也没时间画图，所及就拿这组来讲解一下，首先就要制作他们的掩码图片，将其命名改为mask1，mask2…，掩码图片每个后边都加一个back，创建IMAGE类型的数组，利用循环将其填充。在循环里有几张图片就只需要更改maski,i的值即可。然后绘制图片时利用循环及Sleep函数，当绘制到最后一张图片时，将i更改为0即可实现循环。要记住绘制完一帧图片之后就要cleardevice一次，再绘制下一组。
要实现向右移，只需要在循环里更改绘制时x的坐标即可。

文字

绘制文字
设置字体颜色函数

void settextcolor(COLORREF color);

默认写出的字是白色，我们创建白色窗体
利用设置字体颜色函数将字体颜色设置为黑色。
输出文本行函数

void outtextxy(
int x,
int y,
LPCTSTR str
);

第三个参数的原因，我们还要将字符集设置为空，解决汉字所占字符问题。
第三个参数为输出文本行的地址。

int main()
{
	initgraph(800,600);
	setbkcolor(WHITE);
	cleardevice();
	const char* p = "hello world 嘿";
	settextcolor(BLACK);
	outtextxy(0, 0, p);

	getchar();
	closegraph();
	return 0;
}
1
2
3
4
5
6
7
8
9
10
11
12
13

运行后如下

调整字体和字体大小

void settextstyle(
int nHeight,
int nWidth,
LPCTSTR lpszFace
);

第一个参数表示字体的宽度，第二个参数表示字体的高度，第三个参数表示字体的名称。
运行如图>如果传入一个参数另一个为零，那就是自适应宽度
如图

这个函数只能默认在左上角打印文字，如果想在任意位置打印文字，就可以使用drawtext函数

int drawtext(
LPCTSTR str,
RECT* pRect,
UINT UFormat
);

• 第一个参数表示待输出的字符串
• 第二个参数表示指定的矩形区域指针
• 第三个参数表示输出文字的方法

第二个参数为RECT*类型，RECT是一个结构体表示一个矩形区域
声明如下

typedef struct tagRECT
{
	long left;
	long top;
	long right;
	long bottom;
}RECT;
1
2
3
4
5
6
7

第三个参数大家有兴趣可以去文档中看，有很多输出类型
文档
第三个参数可以使用或运算符连接起来，实现更加丰富的功能。
举例

int main()
{
	initgraph(800,600);
	setbkcolor(WHITE);
	cleardevice();
	RECT rect;
	rect.left = 200;
	rect.top = 0;
	rect.right = 600;
	rect.bottom = 300;
	settextcolor(BLACK);
	settextstyle(80, 0, "微软雅黑");
	solidrectangle(rect.left, rect.top, rect.right, rect.bottom);
	const char* str = "你好，秃秃";
	drawtext(str, &rect, DT_CENTER);
	getchar();
	closegraph();
	return 0;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

运行后如图

这是在矩形内剧中靠顶部显示，也可以其他形式显示，大家可以自行探索。

今天的文章就到这里啦，如果有什么问题欢迎大家讨论。
下一节讲一讲鼠标控制及音频播放，希望大家继续支持。