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

简介: EasyX趣味化编程note6,图片操作及文字

前言

前边所操作的都是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
      );
  • 函数第一个参数为待填充的IMAGE指针
  • 第二个参数表示图片的路径
  • 第三个参数的图片的拉伸宽度,若参数为零,则使用原图宽度
  • 第四个参数为拉伸高度,若参数为零,则使用原图高度
  • 第五个参数为是否调整IMAGE的大小适应图片

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

点击属性

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

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


绘制图片

创建一个窗体,将一张图片绘制在窗体内部。

首先选择自己喜欢的一张图片,打开后就可以看到该图片的像素

默认的打印位置的左上角在0,0处

将该图片复制到工程目录中。

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

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

加载图片

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

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

放置图片

void putimage(
    int dstX,
    int dstY,
    IMAGE*pSrcImg,
    DWORD dwRop=SRCCOPY
);
  • 前两个参数为绘制位置的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;
}

运行后效果如下

成功绘制图片


绘制不规则图片

只是绘制这些方方正正的图片我们一定不会满足,接下来介绍如何在背景上绘制出不规则图形的小人。

这里要强调一下,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;
}

运行后如图所示

再观察原码,原码的外围皆为白色,内边就是胡图图的脸,白色和任何颜色进行或运算,结果都仍为原来的颜色,内部的与黑色进行或运算,运行结果就为原来的颜色。

再次设置一个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;
}

运行后如图

很抱歉没画他的头发,秃顶图图也不错。

也可以将其抽离成一个函数,通过改变绘制图片的位置就可以使图片移动起来。

这里作者没有找到资源,也没时间画图,所及就拿这组来讲解一下,首先就要制作他们的掩码图片,将其命名改为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;
}

运行后如下

调整字体和字体大小

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;

第三个参数大家有兴趣可以去文档中看,有很多输出类型

文档

第三个参数可以使用或运算符连接起来,实现更加丰富的功能。

举例

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

运行后如图

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

今天的文章就到这里啦,如果有什么问题欢迎大家讨论。

下一节讲一讲鼠标控制及音频播放,希望大家继续支持。

目录
相关文章
|
6月前
|
C++
EasyX图形库学习(二、文字输出)
EasyX图形库学习(二、文字输出)
|
前端开发 人机交互
Cocos Creator3.8 项目实战(四)巧用九宫格图像拉伸
Cocos Creator3.8 项目实战(四)巧用九宫格图像拉伸
426 0
|
自然语言处理 数据可视化
Qt开发技术:Qt富文本(二)Qt文本光标操作、文档布局、富文本编辑、处理和Demo
Qt开发技术:Qt富文本(二)Qt文本光标操作、文档布局、富文本编辑、处理和Demo
Qt开发技术:Qt富文本(二)Qt文本光标操作、文档布局、富文本编辑、处理和Demo
|
1月前
|
存储 算法 Java
java制作海报六:Graphics2D的RenderingHints方法参数详解,包括解决文字不清晰,抗锯齿问题
这篇文章是关于如何在Java中使用Graphics2D的RenderingHints方法来提高海报制作的图像质量和文字清晰度,包括抗锯齿和解决文字不清晰问题的技术详解。
50 0
java制作海报六:Graphics2D的RenderingHints方法参数详解,包括解决文字不清晰,抗锯齿问题
|
1月前
|
算法 搜索推荐 Java
java 后端 使用 Graphics2D 制作海报,画echarts图,带工具类,各种细节:如头像切割成圆形,文字换行算法(完美实验success),解决画上文字、图片后不清晰问题
这篇文章介绍了如何使用Java后端技术,结合Graphics2D和Echarts等工具,生成包含个性化信息和图表的海报,并提供了详细的代码实现和GitHub项目链接。
109 0
java 后端 使用 Graphics2D 制作海报,画echarts图,带工具类,各种细节:如头像切割成圆形,文字换行算法(完美实验success),解决画上文字、图片后不清晰问题
|
3月前
|
机器学习/深度学习 算法 云计算
文字改视频技术:Rerender A Video
Rerender A Video 的实现技术结合了深度学习、计算机视觉、图像处理、GPU 加速和云计算等多种先进技术,旨在提供高效、优质的视频渲染和增强功能。
49 2
|
4月前
|
Python
如何用PYTHON代码编辑gif,正方形变圆形
需要注意的是,这个示例考虑到了GIF的循环播放和帧间持续时间,以确保输出的GIF在视觉上与原始GIF尽可能一致。然而,根据你的特定需求,你可能还需要做进一步的调整或优化。
53 5
EasyX趣味化编程note2,绘制基本图形(下)
EasyX趣味化编程note2,绘制基本图形(上)
135 0
|
开发者 Windows
EasyX趣味化编程note2,绘制基本图形(上)
EasyX趣味化编程note2,绘制基本图形
71 0
Easyx图形库趣味编程note3,颜色模型
Easyx图形库趣味编程note3,颜色模型
111 0