当前位置: 首页 > news >正文

DevC++ easyx实现视口编辑--像素绘图板与贴图系统

到了最终成果阶段了,虽然中间有一些代码讲起来没有意思,纯靠debug,+1-1解决贴图网格不重合问题,这次是一个分支结束。

想着就是把瓦片贴进大地图里。

延续这几篇帖子,开发时间也从2023年的4月16到了6月2号,80小时基本砸进去才出靠谱效果。

45天平均每天两小时。

DevC++ easyx实现图片拖动,一种悬浮窗实现原理与完整代码-CSDN博客

DevC++ easyx实现悬浮窗放入网格,与在函数分离过程中遇到的BUG下理解 函数的作用时域 以及 初始化与复位的关系。-CSDN博客 DevC++ easyx实现地图拖动,超过屏幕大小的巨大地图的局部显示在屏幕的方法——用悬浮窗的原理来的实现一个视口-CSDN博客

 

这次迭代过程是,贴图放到视口上,然后视口直接再粘贴到大地图上,然后就导致绘图瓦片重叠,而且也没来及考虑复位问题,就立马意识到还没设置网格。这里走的是网格贴图路线。

然后网格检测贴图位置,属于哪个网格,鼠标松开就被嵌入到哪个网格上。

然后这里设置的是网格长宽80像素,就用了数据图像位置变换:x=x-x%80;这样保留能被80整除的部分,然后px=x/80,得到所属网格的序号,这样就存储了贴图。

至于边界,就是处理鼠标位移和大地图坐标变化的问题。视口和采样区域是1:1,或者说是视口复制粘贴到大地图上成为采样图片,所以视口上鼠标移动多少,就是采样图上移动多少,然后算出来鼠标位置和视口左上角的距离,在大地图里,可以拿采样图左上角的坐标再加上这个数据,就是鼠标实际在大地图里面的坐标。

不多说,上效果

先放一个局部代码,跑不起来,因为适配的代码太庞大,文章后面有两个版本-集成版和cpp .h组合版

extern IMAGE maptile;void didshow(IMAGE *set,IMAGE maptile,ExMessage m,int show_x,int show_y,int nowlx,int nowly) {static int flag=0;static int oldx=-8,oldy=-8;int putx,puty;IMAGE olds(80,80);if(m.message==WM_LBUTTONDOWN) {SetWorkingImage(set);putx=nowlx+m.x-show_x;puty=nowly+m.y-show_y;putx=putx-putx%80;puty=puty-puty%80;putimage(putx,puty,&maptile);SetWorkingImage();} else{if(putx==oldx&&puty==oldy) {} else  {if(m.message==WM_LBUTTONDOWN) {}printf("show   %d %d\n",m.x,m.y);SetWorkingImage(set);putx=nowlx+m.x-show_x;puty=nowly+m.y-show_y;putx=putx-putx%80;puty=puty-puty%80;putimage(putx,puty,&maptile);oldx=putx;oldy=puty;SetWorkingImage();}}
}

代码比较多,先放一个整合版,.h分类版本看下面其他代码

这里是整合版。

devc++里新建项目,选择Multimedia里的Easyx

然后复制粘贴跑就行。

按键操作说明:

 “本程序采用外装easy x拓展库的DEVc++制作而成
是跳一跳游戏配套编辑器

性质与单通道技能不同,是起跳前动画

操作说明

左键长按在网格绘制
右键在网格设置锚点

拖动网格左上角图片到中间的绿色区域暂存
左键点击绿色区域,
在黄色区域的左上角就会出现相同形状,说明已选择

然后在黄色区域左键长按或者单击左键,实现贴图
黄色区域右键移动大地图

按F1 清屏
按F2 导出为 png格式图片,自动命名为“gamemap”


gamemap0,gamemap1,gamemap2....gamemap9为游戏可以读取的有效文件,分别对应关卡1,2,3,4....9

粘贴到游戏目录实现自定义背景”

这是整合版,新建项目,复制粘贴就能跑

#include<stdio.h>
#include<graphics.h>
//INputboX
#include<windows.h>
//Sleep(2000);
//在中断休止
#include <conio.h>
// kbhit(void);检测按键,无也继续下去
#include<string.h>
//保存导入输入//#include"oripic.h"
//#include"show.h"
//#include"draw.h"
//#include"flowsave.h"
//#include"movecheck.h"
//#include"buttoncheck.h"
//#include"keycheck.h"int w=3600;
int h=800;
int w2=3,h2=7;
int x2=650,y2=100;
int showx3=101,showy3=100;extern int w,h; IMAGE set(w,h);struct pixlocal {short x;short y;
};struct skline {int lenth=0;int setx,sety;struct pixlocal a[10000];
} nf,ndnf;struct drawdesksize {int x;int y;int a;int h;int sizetile=8;int smx;int smy;
} ddm;IMAGE maptile(ddm.a/ddm.sizetile,ddm.h/ddm.sizetile);struct pircle {IMAGE img2;IMAGE img3;int orilx,orily;int nowlx,nowly;int a,h;
//	原有图片的左上角坐标int m1x=0,m1y=0;int  putflag=0;int  drawflag=0;struct skline b;
} save;struct picsave {int lx;int ly;int wide;int h;int useflag;struct skline b;
} a[28];void oripicdesk(int a,int h) {initgraph(a,h,EX_SHOWCONSOLE);setbkcolor(WHITE);cleardevice();
//	创制绘图界面,背景色设置,以背景色填充。setlinecolor(BLACK);setlinestyle(PS_SOLID,1);
//	不含实线,矩形的面积为8*8;含实线,9*9.rectangle(0,0,a-2,h-1);//确定工作界面范围setfillcolor(WHITE);
}void oridrawdesksize(struct drawdesksize* ddm,int x,int y) {ddm->x=x;ddm->y=y;ddm->a=640;ddm->h=640;ddm->sizetile=8;ddm->smx=ddm->x-ddm->a/ddm->sizetile;ddm->smy=ddm->y-ddm->h/ddm->sizetile;
}void drawdesk(struct drawdesksize ddm) {int i,j;int square=ddm.sizetile;for(i=ddm.x; i<=ddm.x+ddm.a-square; i+=square) {for(j=ddm.y; j<ddm.y+ddm.h; j+=square) {fillrectangle(i,j,i+square,j+square);}}rectangle(ddm.smx-1,ddm.smy-1,ddm.x,ddm.y);
}void oripircle(struct pircle *save,struct drawdesksize *ddm) {save->orilx=ddm->smx,save->orily=ddm->smy;save->nowlx=ddm->smx,save->nowly=ddm->smy;save->a=ddm->a/ddm->sizetile;save->h=ddm->h/ddm->sizetile;
//	原有图片的左上角坐标save->m1x=0,save->m1y=0;save->putflag=0;save->drawflag=0;
}void oriset(IMAGE *set,struct drawdesksize ddm,int w,int h) {SetWorkingImage(set);setbkcolor(YELLOW);cleardevice();setlinecolor(BLACK);for(int i=0; i<h; i+=ddm.a/ddm.sizetile) {for(int j=0; j<w; j+=ddm.h/ddm.sizetile)rectangle(j+1,i+1,j+ddm.a/ddm.sizetile,i+ddm.h/ddm.sizetile);}line(0, 0, 800, 1400);SetWorkingImage();
}extern struct skline nf,ndnf;extern IMAGE maptile;void didshow(IMAGE *set,IMAGE maptile,ExMessage m,int show_x,int show_y,int nowlx,int nowly) {static int flag=0;static int oldx=-8,oldy=-8;int putx,puty;IMAGE olds(80,80);if(m.message==WM_LBUTTONDOWN) {SetWorkingImage(set);putx=nowlx+m.x-show_x;puty=nowly+m.y-show_y;putx=putx-putx%80;puty=puty-puty%80;putimage(putx,puty,&maptile);SetWorkingImage();} else{if(putx==oldx&&puty==oldy) {} else  {if(m.message==WM_LBUTTONDOWN) {}printf("show   %d %d\n",m.x,m.y);SetWorkingImage(set);putx=nowlx+m.x-show_x;puty=nowly+m.y-show_y;putx=putx-putx%80;puty=puty-puty%80;putimage(putx,puty,&maptile);oldx=putx;oldy=puty;SetWorkingImage();}}
}void show(IMAGE *set,ExMessage m,int show_x,int show_y,int show_wideth,int show_height) {
//	视口的图片大小,视口的大小,在窗口的坐标,视口的大小static int nowlx,nowly,pic_wide,pic_heigh;static int m1x,m1y;static int drawflag,putflag,attachflag;static	IMAGE olds(show_wideth,show_height);static	IMAGE news(show_wideth,show_height);static int m2x,m2y;
//	加速移动设置,自动移动设置。static int flag=1;if(flag==1) {pic_wide=show_wideth;pic_heigh=show_height;m1x=0;m1y=0;m2x=0;m2y=0;drawflag=0;putflag=0;attachflag=0;flag=0;setlinecolor(BLACK);rectangle(show_x,show_y,show_x+show_wideth,show_y+show_height);BeginBatchDraw();SetWorkingImage(set);getimage(&olds,nowlx,nowly,pic_wide,pic_heigh);SetWorkingImage();putimage(show_x,show_y,&olds);EndBatchDraw();} else {if(m.message==WM_LBUTTONDOWN) {if(m.ctrl&&m.x>show_x&&m.x<show_x+show_wideth&&m.y>show_y&&m.y<show_y+show_height) {putflag=true;
//					启动批复制粘贴
//					printf("%d\n",door.putflag);SetWorkingImage(set);getimage(&olds,nowlx,nowly,pic_wide,pic_heigh);
//					获取视口里的图片
//m1x=m.x;m1y=m.y;m2x=m.x;m2y=m.y;
//					printf("%d %d\n",m1x,m1y);SetWorkingImage();} else if (m.x>show_x&&m.x<show_x+show_wideth&&m.y>show_y&&m.y<show_y+show_height) {
//				printf("333333\n");didshow(set,maptile,m,show_x,show_y,nowlx,nowly);attachflag=true;}} else if(attachflag==true&&m.x>show_x&&m.x<show_x+show_wideth&&m.y>show_y&&m.y<show_y+show_height) {didshow(set,maptile,m,show_x,show_y,nowlx,nowly);if(m.message==WM_LBUTTONUP) {attachflag=false;}SetWorkingImage(set);getimage(&olds,nowlx,nowly,pic_wide,pic_heigh);SetWorkingImage();putimage(show_x,show_y,&olds);} else if(putflag==true) {BeginBatchDraw();SetWorkingImage();SetWorkingImage(set);nowlx=nowlx-5*(m.x-m1x);nowly=nowly-5*(m.y-m1y);
//			进行了位移放大。
//			位移同鼠标位移方向相反,大小相同m1x=m.x;m1y=m.y;getimage(&olds,nowlx,nowly,pic_wide,pic_heigh);
//			获取新地方的底图,为了下次重现,不干扰下次获取临近底图。
//		putimage(save->nowlx,save->nowly,&save->img2);SetWorkingImage();putimage(show_x,show_y,&olds);
//			putimage(500,500,&save->img3);EndBatchDraw();//			一次绘图出来,没有屏闪了if(m.message==WM_LBUTTONUP||m.ctrl==0) {putflag=0;}}}}extern IMAGE maptile;//用于设置绘图画布大小 //用于记录轨迹 
void remem(struct ExMessage m,int *lenth,struct drawdesksize ddm) {int i=*lenth;static int oldx=-ddm.sizetile,oldy=-ddm.sizetile,a=ddm.sizetile,h=ddm.sizetile;if(m.x>oldx&&m.x<oldx+a&&m.y>oldy&&m.y<oldy+h) {
//节约运算,只在绘制时进行坐标变换} else {int px=0,py=0,qx=0,qy=0;int mapqx=0,mapqy=0;//修正可涂色范围,防止溢出。y<不可等于640+100,x等于640+600-1是边界小方块的最右侧像素px=m.x-ddm.x;py=m.y-ddm.y;//修正600的偏移,601=600+1;0==1%8 ,600=600+(601-600)%8qx=px-px%a;qy=py-py%h;mapqx=qx/a;mapqy=qy/h;px=ddm.x+qx;py=ddm.y+qy;setfillcolor(BLACK);fillrectangle(px,py,px+ddm.sizetile,py+ddm.sizetile) ;nf.a[i].x = mapqx;nf.a[i].y = mapqy;i++;*lenth=i;nf.lenth=*lenth;printf("%d %d %d\n",i-1,nf.a[i-1].x,nf.a[i-1].y);putpixel(ddm.smx+nf.a[i-1].x,ddm.smy+nf.a[i-1].y,BLACK);oldx=px;oldy=py;}
}void draw(ExMessage m,int *lenth) {
//	绘制的函数static int flag=0;if(m.message==WM_LBUTTONDOWN) {remem(m,lenth,ddm);
//		printf("222\n");flag=1;} else if(flag==1) {remem(m,lenth,ddm);if(m.message==WM_LBUTTONUP) {flag=0;}}
}void drawmousecheck(ExMessage m,int *lenth,struct drawdesksize * ddm) {if(m.x>ddm->x&&m.x<ddm->x+ddm->a&&m.y>ddm->y&&m.y<ddm->y+ddm->h) {draw(m,lenth);
//			printf("333\n");}}void oriflowsave(int x,int y,int w,int h){setfillcolor(GREEN);int i;int num=0;for(int j=0; j<h; j++) {for(i=1; i<=w; i++) {a[num].lx=x+1+i*81;a[num].ly=y+1+j*81;a[num].wide=80;a[num].h=80;a[num].useflag=0;fillrectangle(a[num].lx,a[num].ly,a[num].lx+a[num].wide,a[num].ly+a[num].h);num++;}}
}void rehave(ExMessage m,int w,int h) {int i;int num=0;for(int j=0; j<w; j++) {for(i=1; i<=h;i++) {if(m.x>a[num].lx&&m.x<a[num].lx+a[num].wide&&m.y>a[num].ly&&m.y<a[num].ly+a[num].h) {if(a[num].useflag==1) {ndnf=a[num].b;break;}}num++;}}
}void pickpen(ExMessage m,int w,int h) {int i,j;int num=0;for(j=0; j<w; j++) {for(i=1; i<=h; i++) {if(m.x>a[num].lx&&m.x<a[num].lx+a[num].wide&&m.y>a[num].ly&&m.y<a[num].ly+a[num].h) {if(a[num].useflag==1) {getimage(&maptile,a[num].lx,a[num].ly,80,80);fillrectangle(20,80,100,160);putimage(20,80,&maptile);}}num++;}}
}void flowsave(ExMessage m,struct pircle *save,int w,int h) {if(m.message==WM_LBUTTONDOWN) {pickpen(m,w,h);} else if(m.message==WM_LBUTTONUP) {
//		单机直接粘贴bug但是可以作为长按的刷新,接入其他地方int i;int num=0;for(int j=0; j<w; j++) {for(i=1; i<=h; i++) {if(m.x>a[num].lx&&m.x<a[num].lx+a[num].wide&&m.y>a[num].ly&&m.y<a[num].ly+a[num].h) {if(a[num].useflag==0) {a[num].b=nf;if(save->nowlx!=save->orilx&&save->nowly!=save->orily) {putimage(save->nowlx,save->nowly,&save->img3);} else {getimage(&save->img2,save->orilx,save->orily,save->a,save->h);}putimage(a[num].lx,a[num].ly,&save->img2);save->nowlx=save->orilx;save->nowly=save->orily;save->m1x=0;save->m1y=0;
//						printf("%d\n",save->m1x);save->putflag=false;a[num].useflag=1;break;}}num++;}}}if(m.message==WM_RBUTTONDOWN) {rehave(m,w,h);}}extern int w2,h2;void movecheck(struct ExMessage m,struct pircle *save) {if(save->putflag==0&&m.message==WM_LBUTTONDOWN) {if(save->m1x==0&&save->m1y==0&&m.x>save->orilx&&m.x<save->orilx+save->a&&m.y>save->orily&&m.y<save->orily+save->h) {getimage(&save->img2,save->orilx,save->orily,save->a,save->h);getimage(&save->img3,save->orilx,save->orily,save->a,save->h);save->m1x=m.x;save->m1y=m.y;save->putflag=true;printf("2222\n");} else if(m.x>save->nowlx&&m.x<save->nowlx+save->a&&m.y>save->nowly&&m.y<save->nowly+save->h) {save->putflag=true;getimage(&save->img2,save->orilx,save->orily,save->a,save->h);save->m1x=m.x;save->m1y=m.y;
//			printf("11111\n");}} else if(save->putflag==true) {BeginBatchDraw();putimage(save->nowlx,save->nowly,&save->img3);save->nowlx=save->nowlx+m.x-save->m1x;save->nowly=save->nowly+m.y-save->m1y;save->m1x=m.x;save->m1y=m.y;getimage(&save->img3,save->nowlx,save->nowly,save->a,save->h);putimage(save->nowlx,save->nowly,&save->img2);EndBatchDraw();if(m.message==WM_LBUTTONUP) {save->putflag=0;}
//			一次绘图出来,没有屏闪了}}void buttonscheck(ExMessage m,struct pircle *save) {static int flag=0;if(flag==0) {rectangle(20,20,60,40);flowsave(m,save,w2,h2);flag=1;}movecheck(m,save);flowsave(m,save,w2,h2);}extern IMAGE set;//重置绘图版功能
void ori(struct drawdesksize ddm) {int i,j;int square=ddm.sizetile;setfillcolor(WHITE);setlinecolor(GREEN);for(i=ddm.x; i<=ddm.x+ddm.a-square; i+=square) {for(j=ddm.y; j<ddm.y+ddm.h; j+=square) {fillrectangle(i,j,i+square,j+square);}}for(i=ddm.smx; i<ddm.smx+ddm.a/ddm.sizetile; i++) {for(j=ddm.smy; j<ddm.smy+ddm.h/ddm.sizetile; j++) {putpixel(i,j,WHITE);}}
//	rectangle(ddm.smx-1,ddm.y-1,ddm.x,ddm.y);}void pixnf(int lenth,struct drawdesksize ddm) {
//		小地图打印int i=0;for(i=0; i<lenth; i++) {putpixel(ddm.smx+nf.a[i].x,ddm.smy+nf.a[i].y,WHITE);if(i%55==0)Sleep(1);}for(i=0; i<lenth; i++) {putpixel(ddm.smx+nf.a[i].x,ddm.smy+nf.a[i].y,BLACK);if(i%55==0)Sleep(1);}
}void keycheck(ExMessage m,int *lenth) {switch(m.vkcode) {case VK_F1:ori(ddm);*lenth=0;
//				优化清屏后叠加在小地图bug'break;case VK_F2 :saveimage(_T("gamemap.png"),&set);break;case VK_F5 :static int limf5=0;if(limf5==0) {pixnf(*lenth,ddm);limf5=1;break;} else {limf5=0;}
//				限制一次按动,一次调用,因为获取getmessage函数有连续两次探测。break;}}int main() {oripicdesk(1800,870);oridrawdesksize(&ddm,1000,100);oripircle(&save,&ddm);oriset(&set,ddm,w,h);
//初始化表格,界面setlinecolor(BLACK);oriflowsave(x2,y2,w2,h2);drawdesk(ddm);ExMessage m;int lenth=0;while (1) {m = getmessage(EX_MOUSE | EX_KEY);drawmousecheck(m,&lenth,&ddm);keycheck(m,&lenth);buttonscheck(m,&save);show(&set,m,showx3,showy3,600,700);}closegraph();return 0;
}

 

上面的整合版本是展示

下面是实际开发.h组合cpp的版本

 分类说明

.h版本的功能模块

主函数,可以看出来一次循环执行内容,功能与名称相统一。

main.cpp文件代码

新建项目,复制粘贴,有的保存为cpp,有的保存为.h文件

原始版本:

#include<stdio.h>
#include<graphics.h>
//INputboX
#include<windows.h>
//Sleep(2000);
//在中断休止
#include <conio.h>
// kbhit(void);检测按键,无也继续下去
#include<string.h>
//保存导入输入#include"oripic.h"
#include"show.h"
#include"draw.h"
#include"flowsave.h"
#include"movecheck.h"
#include"buttoncheck.h"
#include"keycheck.h"int w=3600;
int h=800;
int w2=3,h2=7;
int x2=650,y2=100;
int showx3=101,showy3=100;int main() {oripicdesk(1800,870);oridrawdesksize(&ddm,1000,100);oripircle(&save,&ddm);oriset(&set,ddm,w,h);
//初始化表格,界面setlinecolor(BLACK);oriflowsave(x2,y2,w2,h2);drawdesk(ddm);ExMessage m;int lenth=0;while (1) {m = getmessage(EX_MOUSE | EX_KEY);drawmousecheck(m,&lenth,&ddm);keycheck(m,&lenth);buttonscheck(m,&save);show(&set,m,showx3,showy3,600,700);}closegraph();return 0;
}

 

oripic.h文件代码

初始化,但是这个函数属于最后写的,把一些代码整合,美观一点。其他没啥用

extern int w,h; IMAGE set(w,h);struct pixlocal {short x;short y;
};struct skline {int lenth=0;int setx,sety;struct pixlocal a[10000];
} nf,ndnf;struct drawdesksize {int x;int y;int a;int h;int sizetile=8;int smx;int smy;
} ddm;IMAGE maptile(ddm.a/ddm.sizetile,ddm.h/ddm.sizetile);struct pircle {IMAGE img2;IMAGE img3;int orilx,orily;int nowlx,nowly;int a,h;
//	原有图片的左上角坐标int m1x=0,m1y=0;int  putflag=0;int  drawflag=0;struct skline b;
} save;struct picsave {int lx;int ly;int wide;int h;int useflag;struct skline b;
} a[28];void oripicdesk(int a,int h) {initgraph(a,h,EX_SHOWCONSOLE);setbkcolor(WHITE);cleardevice();
//	创制绘图界面,背景色设置,以背景色填充。setlinecolor(BLACK);setlinestyle(PS_SOLID,1);
//	不含实线,矩形的面积为8*8;含实线,9*9.rectangle(0,0,a-2,h-1);//确定工作界面范围setfillcolor(WHITE);
}void oridrawdesksize(struct drawdesksize* ddm,int x,int y) {ddm->x=x;ddm->y=y;ddm->a=640;ddm->h=640;ddm->sizetile=8;ddm->smx=ddm->x-ddm->a/ddm->sizetile;ddm->smy=ddm->y-ddm->h/ddm->sizetile;
}void drawdesk(struct drawdesksize ddm) {int i,j;int square=ddm.sizetile;for(i=ddm.x; i<=ddm.x+ddm.a-square; i+=square) {for(j=ddm.y; j<ddm.y+ddm.h; j+=square) {fillrectangle(i,j,i+square,j+square);}}rectangle(ddm.smx-1,ddm.smy-1,ddm.x,ddm.y);
}void oripircle(struct pircle *save,struct drawdesksize *ddm) {save->orilx=ddm->smx,save->orily=ddm->smy;save->nowlx=ddm->smx,save->nowly=ddm->smy;save->a=ddm->a/ddm->sizetile;save->h=ddm->h/ddm->sizetile;
//	原有图片的左上角坐标save->m1x=0,save->m1y=0;save->putflag=0;save->drawflag=0;
}void oriset(IMAGE *set,struct drawdesksize ddm,int w,int h) {SetWorkingImage(set);setbkcolor(YELLOW);cleardevice();setlinecolor(BLACK);for(int i=0; i<h; i+=ddm.a/ddm.sizetile) {for(int j=0; j<w; j+=ddm.h/ddm.sizetile)rectangle(j+1,i+1,j+ddm.a/ddm.sizetile,i+ddm.h/ddm.sizetile);}line(0, 0, 800, 1400);SetWorkingImage();
}

 

这就是本篇文案解决的问题后产生的代码,

可以和DevC++ easyx实现悬浮窗放入网格,与在函数分离过程中遇到的BUG下理解 函数的作用时域 以及 初始化与复位的关系。-CSDN博客

与DevC++ easyx实现地图拖动,超过屏幕大小的巨大地图的局部显示在屏幕的方法——用悬浮窗的原理来的实现一个视口-CSDN博客 

对比看一看代码,这就是视口编辑代码的族谱。 

视口代码。maptile就是粘贴的瓦片,set就是大地图,其他函数参数是视口位置坐标,自己换点数据试试,自然而然。

show.h文件代码

extern struct skline nf,ndnf;extern IMAGE maptile;void didshow(IMAGE *set,IMAGE maptile,ExMessage m,int show_x,int show_y,int nowlx,int nowly) {static int flag=0;static int oldx=-8,oldy=-8;int putx,puty;IMAGE olds(80,80);if(m.message==WM_LBUTTONDOWN) {SetWorkingImage(set);putx=nowlx+m.x-show_x;puty=nowly+m.y-show_y;putx=putx-putx%80;puty=puty-puty%80;putimage(putx,puty,&maptile);SetWorkingImage();} else{if(putx==oldx&&puty==oldy) {} else  {if(m.message==WM_LBUTTONDOWN) {}printf("show   %d %d\n",m.x,m.y);SetWorkingImage(set);putx=nowlx+m.x-show_x;puty=nowly+m.y-show_y;putx=putx-putx%80;puty=puty-puty%80;putimage(putx,puty,&maptile);oldx=putx;oldy=puty;SetWorkingImage();}}
}void show(IMAGE *set,ExMessage m,int show_x,int show_y,int show_wideth,int show_height) {
//	视口的图片大小,视口的大小,在窗口的坐标,视口的大小static int nowlx,nowly,pic_wide,pic_heigh;static int m1x,m1y;static int drawflag,putflag,attachflag;static	IMAGE olds(show_wideth,show_height);static	IMAGE news(show_wideth,show_height);static int m2x,m2y;
//	加速移动设置,自动移动设置。static int flag=1;if(flag==1) {pic_wide=show_wideth;pic_heigh=show_height;m1x=0;m1y=0;m2x=0;m2y=0;drawflag=0;putflag=0;attachflag=0;flag=0;setlinecolor(BLACK);rectangle(show_x,show_y,show_x+show_wideth,show_y+show_height);BeginBatchDraw();SetWorkingImage(set);getimage(&olds,nowlx,nowly,pic_wide,pic_heigh);SetWorkingImage();putimage(show_x,show_y,&olds);EndBatchDraw();} else {if(m.message==WM_LBUTTONDOWN) {if(m.ctrl&&m.x>show_x&&m.x<show_x+show_wideth&&m.y>show_y&&m.y<show_y+show_height) {putflag=true;
//					启动批复制粘贴
//					printf("%d\n",door.putflag);SetWorkingImage(set);getimage(&olds,nowlx,nowly,pic_wide,pic_heigh);
//					获取视口里的图片
//m1x=m.x;m1y=m.y;m2x=m.x;m2y=m.y;
//					printf("%d %d\n",m1x,m1y);SetWorkingImage();} else if (m.x>show_x&&m.x<show_x+show_wideth&&m.y>show_y&&m.y<show_y+show_height) {
//				printf("333333\n");didshow(set,maptile,m,show_x,show_y,nowlx,nowly);attachflag=true;}} else if(attachflag==true&&m.x>show_x&&m.x<show_x+show_wideth&&m.y>show_y&&m.y<show_y+show_height) {didshow(set,maptile,m,show_x,show_y,nowlx,nowly);if(m.message==WM_LBUTTONUP) {attachflag=false;}SetWorkingImage(set);getimage(&olds,nowlx,nowly,pic_wide,pic_heigh);SetWorkingImage();putimage(show_x,show_y,&olds);} else if(putflag==true) {BeginBatchDraw();SetWorkingImage();SetWorkingImage(set);nowlx=nowlx-5*(m.x-m1x);nowly=nowly-5*(m.y-m1y);
//			进行了位移放大。
//			位移同鼠标位移方向相反,大小相同m1x=m.x;m1y=m.y;getimage(&olds,nowlx,nowly,pic_wide,pic_heigh);
//			获取新地方的底图,为了下次重现,不干扰下次获取临近底图。
//		putimage(save->nowlx,save->nowly,&save->img2);SetWorkingImage();putimage(show_x,show_y,&olds);
//			putimage(500,500,&save->img3);EndBatchDraw();//			一次绘图出来,没有屏闪了if(m.message==WM_LBUTTONUP||m.ctrl==0) {putflag=0;}}}}

 

draw.h文件代码

这是绘制瓦片纹理的像素绘图板的绘制矩形像素部分。

做了一点优化,如果还是属于原来的方块,就不执行绘制了。减少重复绘制。

extern IMAGE maptile;//用于设置绘图画布大小 //用于记录轨迹 
void remem(struct ExMessage m,int *lenth,struct drawdesksize ddm) {int i=*lenth;static int oldx=-ddm.sizetile,oldy=-ddm.sizetile,a=ddm.sizetile,h=ddm.sizetile;if(m.x>oldx&&m.x<oldx+a&&m.y>oldy&&m.y<oldy+h) {
//节约运算,只在绘制时进行坐标变换} else {int px=0,py=0,qx=0,qy=0;int mapqx=0,mapqy=0;//修正可涂色范围,防止溢出。y<不可等于640+100,x等于640+600-1是边界小方块的最右侧像素px=m.x-ddm.x;py=m.y-ddm.y;//修正600的偏移,601=600+1;0==1%8 ,600=600+(601-600)%8qx=px-px%a;qy=py-py%h;mapqx=qx/a;mapqy=qy/h;px=ddm.x+qx;py=ddm.y+qy;setfillcolor(BLACK);fillrectangle(px,py,px+ddm.sizetile,py+ddm.sizetile) ;nf.a[i].x = mapqx;nf.a[i].y = mapqy;i++;*lenth=i;nf.lenth=*lenth;printf("%d %d %d\n",i-1,nf.a[i-1].x,nf.a[i-1].y);putpixel(ddm.smx+nf.a[i-1].x,ddm.smy+nf.a[i-1].y,BLACK);oldx=px;oldy=py;}
}void draw(ExMessage m,int *lenth) {
//	绘制的函数static int flag=0;if(m.message==WM_LBUTTONDOWN) {remem(m,lenth,ddm);
//		printf("222\n");flag=1;} else if(flag==1) {remem(m,lenth,ddm);if(m.message==WM_LBUTTONUP) {flag=0;}}
}void drawmousecheck(ExMessage m,int *lenth,struct drawdesksize * ddm) {if(m.x>ddm->x&&m.x<ddm->x+ddm->a&&m.y>ddm->y&&m.y<ddm->y+ddm->h) {draw(m,lenth);
//			printf("333\n");}}

flowsave.h文件

绿色网格检测白色瓦片用于暂存。


void oriflowsave(int x,int y,int w,int h){setfillcolor(GREEN);int i;int num=0;for(int j=0; j<h; j++) {for(i=1; i<=w; i++) {a[num].lx=x+1+i*81;a[num].ly=y+1+j*81;a[num].wide=80;a[num].h=80;a[num].useflag=0;fillrectangle(a[num].lx,a[num].ly,a[num].lx+a[num].wide,a[num].ly+a[num].h);num++;}}
}void rehave(ExMessage m,int w,int h) {int i;int num=0;for(int j=0; j<w; j++) {for(i=1; i<=h;i++) {if(m.x>a[num].lx&&m.x<a[num].lx+a[num].wide&&m.y>a[num].ly&&m.y<a[num].ly+a[num].h) {if(a[num].useflag==1) {ndnf=a[num].b;break;}}num++;}}
}void pickpen(ExMessage m,int w,int h) {int i,j;int num=0;for(j=0; j<w; j++) {for(i=1; i<=h; i++) {if(m.x>a[num].lx&&m.x<a[num].lx+a[num].wide&&m.y>a[num].ly&&m.y<a[num].ly+a[num].h) {if(a[num].useflag==1) {getimage(&maptile,a[num].lx,a[num].ly,80,80);fillrectangle(20,80,100,160);putimage(20,80,&maptile);}}num++;}}
}void flowsave(ExMessage m,struct pircle *save,int w,int h) {if(m.message==WM_LBUTTONDOWN) {pickpen(m,w,h);} else if(m.message==WM_LBUTTONUP) {
//		单机直接粘贴bug但是可以作为长按的刷新,接入其他地方int i;int num=0;for(int j=0; j<w; j++) {for(i=1; i<=h; i++) {if(m.x>a[num].lx&&m.x<a[num].lx+a[num].wide&&m.y>a[num].ly&&m.y<a[num].ly+a[num].h) {if(a[num].useflag==0) {a[num].b=nf;if(save->nowlx!=save->orilx&&save->nowly!=save->orily) {putimage(save->nowlx,save->nowly,&save->img3);} else {getimage(&save->img2,save->orilx,save->orily,save->a,save->h);}putimage(a[num].lx,a[num].ly,&save->img2);save->nowlx=save->orilx;save->nowly=save->orily;save->m1x=0;save->m1y=0;
//						printf("%d\n",save->m1x);save->putflag=false;a[num].useflag=1;break;}}num++;}}}if(m.message==WM_RBUTTONDOWN) {rehave(m,w,h);}}

 

 

 movecheck.h文件

就是DevC++ easyx实现图片拖动,一种悬浮窗实现原理与完整代码-CSDN博客

 

extern int w2,h2;void movecheck(struct ExMessage m,struct pircle *save) {if(save->putflag==0&&m.message==WM_LBUTTONDOWN) {if(save->m1x==0&&save->m1y==0&&m.x>save->orilx&&m.x<save->orilx+save->a&&m.y>save->orily&&m.y<save->orily+save->h) {getimage(&save->img2,save->orilx,save->orily,save->a,save->h);getimage(&save->img3,save->orilx,save->orily,save->a,save->h);save->m1x=m.x;save->m1y=m.y;save->putflag=true;printf("2222\n");} else if(m.x>save->nowlx&&m.x<save->nowlx+save->a&&m.y>save->nowly&&m.y<save->nowly+save->h) {save->putflag=true;getimage(&save->img2,save->orilx,save->orily,save->a,save->h);save->m1x=m.x;save->m1y=m.y;
//			printf("11111\n");}} else if(save->putflag==true) {BeginBatchDraw();putimage(save->nowlx,save->nowly,&save->img3);save->nowlx=save->nowlx+m.x-save->m1x;save->nowly=save->nowly+m.y-save->m1y;save->m1x=m.x;save->m1y=m.y;getimage(&save->img3,save->nowlx,save->nowly,save->a,save->h);putimage(save->nowlx,save->nowly,&save->img2);EndBatchDraw();if(m.message==WM_LBUTTONUP) {save->putflag=0;}
//			一次绘图出来,没有屏闪了}}void buttonscheck(ExMessage m,struct pircle *save) {static int flag=0;if(flag==0) {rectangle(20,20,60,40);flowsave(m,save,w2,h2);flag=1;}movecheck(m,save);flowsave(m,save,w2,h2);}

keycheck.h文件

这个是按键实现保存,清屏处理。

这也是软件快捷键的执行的代码。

extern IMAGE set;//重置绘图版功能
void ori(struct drawdesksize ddm) {int i,j;int square=ddm.sizetile;setfillcolor(WHITE);setlinecolor(GREEN);for(i=ddm.x; i<=ddm.x+ddm.a-square; i+=square) {for(j=ddm.y; j<ddm.y+ddm.h; j+=square) {fillrectangle(i,j,i+square,j+square);}}for(i=ddm.smx; i<ddm.smx+ddm.a/ddm.sizetile; i++) {for(j=ddm.smy; j<ddm.smy+ddm.h/ddm.sizetile; j++) {putpixel(i,j,WHITE);}}
//	rectangle(ddm.smx-1,ddm.y-1,ddm.x,ddm.y);}void pixnf(int lenth,struct drawdesksize ddm) {
//		小地图打印int i=0;for(i=0; i<lenth; i++) {putpixel(ddm.smx+nf.a[i].x,ddm.smy+nf.a[i].y,WHITE);if(i%55==0)Sleep(1);}for(i=0; i<lenth; i++) {putpixel(ddm.smx+nf.a[i].x,ddm.smy+nf.a[i].y,BLACK);if(i%55==0)Sleep(1);}
}void keycheck(ExMessage m,int *lenth) {switch(m.vkcode) {case VK_F1:ori(ddm);*lenth=0;
//				优化清屏后叠加在小地图bug'break;case VK_F2 :saveimage(_T("gamemap.png"),&set);break;case VK_F5 :static int limf5=0;if(limf5==0) {pixnf(*lenth,ddm);limf5=1;break;} else {limf5=0;}
//				限制一次按动,一次调用,因为获取getmessage函数有连续两次探测。break;}}

 

相关文章:

DevC++ easyx实现视口编辑--像素绘图板与贴图系统

到了最终成果阶段了&#xff0c;虽然中间有一些代码讲起来没有意思&#xff0c;纯靠debug,1-1解决贴图网格不重合问题&#xff0c;这次是一个分支结束。 想着就是把瓦片贴进大地图里。 延续这几篇帖子&#xff0c;开发时间也从2023年的4月16到了6月2号&#xff0c;80小时基本…...

Visual studio 2010的安装与使用

一、下载及安装 1、下载软件。 百度网盘&#xff1a; 链接&#xff1a;https://pan.baidu.com/s/115RibV7dOI_y8LUGW-94cA?pwd4hrs 提取码&#xff1a;4hrs 2、右键解压下载好的文件。 3、找到cn_visual_2010_……/Setup.hta&#xff0c;双击运行。 4、选择第三个“ Visual…...

Download Monitor Email Lock下载监控器邮件锁插件

打开Download Monitor Email Lock下载监控器邮件锁插件 Download Monitor Email Lock下载监控器邮件锁插件下载监视器的电子邮件锁定扩展允许您要求用户在获得下载访问权限之前填写他们的电子邮件地址。 Download Monitor Email Lock下载监控器邮件锁插件用法 安装扩展程序后…...

在vscode中创建任务编译module源文件

接昨天的文章 [创建并使用自己的C模块&#xff08;Windows10MSVC&#xff09;-CSDN博客]&#xff0c;觉得每次编译转到命令行下paste命令过于麻烦&#xff0c;于是研究了一下在vscode中创建自动编译任务。 经过尝试&#xff0c;在task.json中增加如下代码&#xff1a; {"…...

element ui级连选择,lazyLoad选择地区

ui文档上直接给了一函数 先试试看效果是什么&#xff0c;加上let id0;不然会报错 props: {lazy: true,lazyLoad (node, resolve) {let id 0;const { level } node;setTimeout(() > {const nodes Array.from({ length: level 1 })//创建一个新数组&#xff0c;数组长度l…...

软件测试基础知识详解

1、黑盒测试、白盒测试、灰盒测试 1.1 黑盒测试 黑盒测试 又叫 功能测试、数据驱动测试 或 基于需求规格说明书的功能测试。该类测试注重于测试软件的功能性需求。 采用这种测试方法&#xff0c;测试工程师把测试对象看作一个黑盒子&#xff0c;完全不考虑程序内部的逻辑结构…...

Linux之进程管理

什么是进程 在linux中每个执行的程序都称为一个进程&#xff0c;每个进程都分配一个ID号&#xff08;pid进程号&#xff09;。每个进程都可能以两种方式存在&#xff0c;即前台和后天。前台进程就是用户目前的屏幕上可以进行操作的。后台进程则是实际在操作&#xff0c;但屏幕…...

动画墙纸:将视频、网页、游戏、模拟器变成windows墙纸——Lively Wallpaper

文章目录 前言下载github地址&#xff1a;网盘 关于VideoWebpagesYoutube和流媒体ShadersGIFs游戏和应用程序& more:Performance:多监视器支持&#xff1a;完结 前言 Lively Wallpaper是一款开源的视频壁纸桌面软件&#xff0c;类似 Wallpaper Engine&#xff0c;兼容 Wal…...

187.【2023年华为OD机试真题(C卷)】阿里巴巴找黄金宝箱(I)(贪心算法-JavaPythonC++JS实现)

请到本专栏顶置查阅最新的华为OD机试宝典 点击跳转到本专栏-算法之翼:华为OD机试 🚀你的旅程将在这里启航!本专栏所有题目均包含优质解题思路,高质量解题代码,详细代码讲解,助你深入学习,深度掌握! 文章目录 【2023年华为OD机试真题(C卷)】阿里巴巴找黄金宝箱(…...

Ubuntu22.04系统安装软件、显卡驱动、cuda、cudnn、pytorch

Ubuntu22.04系统安装软件、显卡驱动、cuda、cudnn、pytorch 安装 Nvidia 显卡驱动安装 CUDA安装 cuDNN安装 VSCode安装 Anaconda 并更换源在虚拟环境中安装 GPU 版本的 PyTorchReference 这篇博文主要介绍的是 Ubuntu22.04 系统中软件、显卡驱动、cuda、cudnn、pytorch 等软件和…...

基于矩阵乘的CUDA编程优化过程

背景&#xff1a;网上很多关于矩阵乘的编程优化思路&#xff0c;本着看理论分析万遍&#xff0c;不如实际代码写一遍的想法&#xff0c;大概过一下优化思路。 矩阵乘的定义如下&#xff0c;约定矩阵的形状及存储方式为: A[M, K], B[K, N], C[M, N]。 CPU篇 朴素实现方法 按照…...

layuiadmin新建tabs标签页,点击保存,打开新的标签页并刷新

用的layuiamin前端框架 需求&#xff1a;新增的页面为一个标签页&#xff0c;保存后&#xff0c;需要刷新列表 1、新建customMethod.js文件&#xff0c;自定义自己的方法 layui.define(function (exports) {var $ layui.$var customMethod {// 表单点击保存后&#xff0c;…...

Rxjs概念 学习

RxJS 是一个流式编程库&#xff0c;用于处理异步数据流和事件流。它基于观察者模式和迭代器模式&#xff0c;提供了丰富的操作符和工具&#xff0c;用于处理和操作数据流。RxJS 的核心概念包括可观察对象&#xff08;Observable&#xff09;、观察者&#xff08;Observer&#…...

pillow像型学操作(转载笔记) --- 西北乱跑娃

Opencv、Matplotlib(plt)、Pillow(PIL)、Pytorch读取数据的通道顺序 需注意:Pillow加载图像后的尺寸是二维,图形化是三维,但无法打印三维尺寸。 详细区别: Opencv:uint8的ndarray数据,通道顺序[h, w, c],颜色通道BGR。 导入模块:import cv2 (1)cv2.imread() (2)cv…...

JS作用域链和闭包

JS作用域链和闭包 引题作用域链词法作用域闭包思考题 闭包如何回收 引题 有没有人跟我一样&#xff0c;面试中要是问基础&#xff0c;最怕遇到的就是闭包问题&#xff0c;闭包在 JavaScript 中几乎无处不在&#xff0c;理解作用域链是理解闭包的基础&#xff0c;同时作用域链和…...

【Spring实战】15 Logback

文章目录 1. 依赖2. 配置3. 打印日志4. 启动程序5. 验证6. 调整日志级别7. 代码详细总结 Spring 作为一个现代化的 Java 开发框架&#xff0c;提供了很多便利的功能&#xff0c;其中包括灵活而强大的日志记录。本文将介绍如何结合 Spring 和 Logback 配置和使用日志&#xff0c…...

Stable Diffusion WebUI安装合成面部说话插件SadTalker

SadTalker可以根据一张图片、一段音频&#xff0c;合成面部说这段语音的视频。图片需要真人或者接近真人。 安装ffmpeg 下载地址&#xff1a; https://www.gyan.dev/ffmpeg/builds/ 下载ffmpeg-git-full.7z 后解压&#xff0c;将解压后的目录\bin添加到环境变量的Path中。 在…...

CSS 纵向顶部往下动画

<template><div class"container" mouseenter"startAnimation" mouseleave"stopAnimation"><!-- 旋方块 --><div class"box" :class"{ scale-up-ver-top: isAnimating }"><!-- 元素内容 -->&…...

科普:敏捷估算为什么用斐波那契数列

被一个同学问&#xff1a;敏捷估算为什么用斐波那契数列&#xff1f;有什么意义&#xff1f; 简单说说我自己的简介&#xff1a; 敏捷开发中使用斐波那契数列来估算的原因是&#xff0c;斐波那契数列可以用于估算任务的难度级别&#xff0c;并帮助团队预测完成任务所需的时间…...

HarmonyOS资源分类与访问

资源分类与访问 应用开发过程中&#xff0c;经常需要用到颜色、字体、间距、图片等资源&#xff0c;在不同的设备或配置中&#xff0c;这些资源的值可能不同。 应用资源&#xff1a;借助资源文件能力&#xff0c;开发者在应用中自定义资源&#xff0c;自行管理这些资源在不同…...

message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogra

第一步&#xff1a;修改 project.config.json 文件 "packNpmRelationList": [{"packageJsonPath": "./package.json","miniprogramNpmDistDir": "./miniprogram/"}], "packNpmManually": true 第二步&#xff1a;…...

基于C#的机械臂欧拉角与旋转矩阵转换

欧拉角概述 机器人末端执行器姿态描述方法主要有四种&#xff1a;旋转矩阵法、欧拉角法、等效轴角法和四元数法。所以&#xff0c;欧拉角是描述机械臂末端姿态的重要方法之一。 关于欧拉角的历史&#xff0c;由来已久&#xff0c;莱昂哈德欧拉用欧拉角来描述刚体在三维欧几里…...

【百度前端三面面试题】

在某乎看到的《百度前端三面面试题全部公开&#xff0c;三面的最后一个问题令我窒息》 其中下面三个问题没有给出答案&#xff0c;我虽然是前端出身&#xff0c;但也面试过一些人&#xff0c;大概分析一下这些问题。 面试中问这几个问题的目的是什么 &#xff0c;怎么回答 上…...

【Java面试题】HTTP与 HTTPS 的区别

HTTP 与 HTTPS 的区别 &#xff1a; 主要体现在三个方面&#xff0c;分别是 信息传输安全、证书和身份验证 、连接方式 信息传输安全&#xff1a; HTTP 是超文本传输协议&#xff0c;HTTP下的信息是明文传输的&#xff0c;因此使用HTTP协议可能导致信息被截获或者第三方恶意…...

vue3 v-model语法糖

vue2 中父子组件数据同步 父→子 子→父 如何实现&#xff1f; v-model“count” 或者 xxx.sync“msg” v-model 语法糖 完整写法 :value“count” 和 input“count$event” xxx.sync 语法糖 完整写法 :xxx“msg” 和 update:xxx“msg$event” 现在&#xff1a;一个 v-mo…...

【k8s】deamonset文件和说明

目录 deamonset的相关命令 deamonset的定义 deamonset的使用场景 deamonset的例子 deamonset字段说明 serviceAccountName DaemonSet的结构及其各个部分的作用 deamonset的相关命令 #查看<name-space>空间内有哪些deamonset kubectl get DaemonSet -n <na…...

Zookeeper-Zookeeper特性与节点数据类型详解

1.Zookeeper介绍 ZooKeeper 是一个开源的分布式协调框架&#xff0c;是Apache Hadoop 的一个子项目&#xff0c;主要用来解决分布式集群中应用系统的一致性问题。Zookeeper 的设计目标是将那些复杂目容易出错的分布式一致性服务封装起来&#xff0c;构成一高效可靠的原语集&…...

云计算复习提纲

第一章 大数据的概念&#xff1a;海量数据的规模巨大到无法通过目前主流的计算机系统在合理时间内获取、存储、管理、处理并提炼以帮助使用者决策 大数据的特点&#xff1a;①数据量大&#xff0c;存储的数据量巨大&#xff0c;PB级别是常态&#xff1b;②多样&#xff0c;数…...

Vue-响应式数据

一、ref创建基本类型的响应式数据 vue3可以使用ref、reactive去定义响应式数数据。 知识点汇总 使用ref需要先引入ref&#xff0c;import {ref} from vue在模板 template 中使用了添加ref 的响应式数据&#xff0c;变量的后面不用添加.value所有js代码里面&#xff0c;去操作r…...

Vue开发者必备!手把手教你实现类似Element Plus的全局提示组件!

前言 在Web开发中&#xff0c;用户体验至关重要。有效的信息提示和错误消息对于确保用户更好地理解和操作至关重要。在这个背景下&#xff0c;全局弹框提示组件成为了一个非常有用的工具。Vue.js&#xff0c;作为当前最受欢迎的前端框架之一&#xff0c;为创建灵活、可复用的弹…...

网站建设流程行业现状/深圳门户网站

目录 Hadoop集群安装部署 1、集群环境准备 2、建立免密通道 3、集群时间同步 4、jdk1.8安装 5、hadoop安装部署 6、Hadoop配置文件配置 7、格式化操作 8、启动hadoop集群 启动HDFS集群&#xff1a; 启动YARN集群 9、访问HDFS的web页面&#xff08;端口9870&#xf…...

网站建设专家公司排行/培训体系

探寻SCSI设备容量如何获取代码。 分析 8G USB转SD卡启动打印信息&#xff1a; sd 3:0:0:0: [sdb] 15523840 512-byte logical blocks: (7.94 GB/7.40 GiB) 获取设备容量&#xff0c;单位是sector&#xff0c;后面 的7.94 GB是容量字节除1000单位&#xff0c;7.40 GiB是容量字…...

青岛网上房地产网签查询/百度网站关键词优化

2 这个请求经过一系列的过滤器&#xff08;Filter&#xff09;&#xff08;这些过滤器中有一个叫做ActionContextCleanUp的可选过滤器&#xff0c;这个过滤器对于Struts2和其他框架的集成很有帮助&#xff0c;例如&#xff1a;SiteMesh Plugin&#xff09; 3 接着FilterDispat…...

排名前50名免费的网站/搜索引擎推广案例

文章目录收集表单数据v-model的三个修饰符trimnumberlazy收集表单数据 我们前面在数据绑定的时候就知道可以用v-model的数据双向流动性完成对数据的收集。不过当时我们只是简单的对输入框进行了数据收集。在表单中还有很多其他类型的组件&#xff0c;我们怎么对他们进行数据收…...

网站制作 连云港/西安seo服务培训

摘要:下文讲述Linux中chcon的功能说明&#xff0c;如下所示&#xff1b;chcon命令功能&#xff1a;用于修改对象(文件)的安全上下文如&#xff1a;用户、角色、类型、安全级别。也就是将每个文件的安全环境变更至一个指定环境chcon命令的语法格式:chcon [参数]-----常用参数说明…...

晋城企业网站建设价格/搜狐视频

大家好&#xff0c;我是老赵&#xff5e;我有一个朋友&#xff5e;做了一个小破站&#xff0c;现在要实现一个站内信web消息推送的功能&#xff0c;对&#xff0c;就是下图这个小红点&#xff0c;一个很常用的功能。不过他还没想好用什么方式做&#xff0c;这里我帮他整理了一下…...