摘要:
这是一篇同时写给网民、企业、技术宅的文章,讲解B1986设计的一个很小的实用工具,介绍一个可以自动生成趣味照片的小网站。对于,网民在手机*访上**问这个网站,选择对应的主题照片,输入相应的文字,就可以自动生成相应的趣味照片,发到朋友圈小秀一把。对于企业,运营自己的公众平台,加强粉丝粘度,除了用活动吸引粉丝参与,更多的就是为粉丝提供一些经常使用的实用小工具,那么这也会是一个不错的小工具哦!对于技术宅,文章介绍了,PHP将文字合成到图片上的方法,可以收藏备用哦!
我们经常在朋友圈看到很多有趣的图片,XXX中了五百万,有图有真相;XXX考过了飞机驾驶证,有照片为证;XXX发了一张收到礼物的照片,好羡慕啊。。。。。。当然,我们很多时候都知道,这些照片是PS的嘛,即使你是电脑小白,手机上装个美图秀秀也可以哒!但是,随着软件功能越来越多,还是很多时候,用这些软件并不方便,而有时我们只是想要一些小功能,SO,今天我们来介绍一个自动合成趣味照片网页小工具的设计。
PS:这可不是广告哦!我们了解头条做广告是有处罚的,而一个这样的小工具是没有盈利行为,作为网页设计的爱好者,也不会去做百度的SEO优化,所以,这个工具目前只停留在一个内部Demo,需要系统源码的可以私信。
首先是我们登陆网站之后,会看到的首页面:
页面中心用列表的形式,依次列举出了一些主题;
手指按住屏幕,向下滑动,选择自己喜欢的主题,当滑到底端,会发现为了节省大家的流量和内存,我们每页设置为10个主题,大家可以通过“上一页”和“下一页”两个按钮翻篇;
PS:当然,这里“定制全套系统”是我们设计的植入广告位,相信早已习惯电视里各种理直气壮的植入应该不会反对我们这样的行为。
同时,依然为了节省大家的流量和内存,在屏幕的最下面始终会出现我们设置的分类导航菜单。
这样您也可以通过分类导航直接进入相应的主题分类,或者打开使用帮助页面。
我们设置的四个分类依次是:
1、“土豪”之“我们是土豪”,顾名思义,这个分类里,都是可以把名字合成上去,生成我们拥有XXX,我们买到了XXX,我们得到了XXX。。。。。。总之,可以在朋友圈尽情挥霍啦!
2、“恶搞”之“恶搞不止”,手机不息,恶搞不止,这个分类集合了各种搞笑整蛊的主题,可以把朋友的名字合成到购买*气娃充**娃的订单收件人,也可以为朋友制作一张愚人证。。。。。。
3、“恩爱”之“恩爱秀不停”,为了减小对“单身狗”的伤害值,这个系列在投入使用中我们会陆续添加。
4、“其他”之“应有尽有”,请原谅,我们一直在努力搭建框架和实现功能,而忽视了主题开发,但是,我们一定会努力在后续的开发中,提供更多搞笑主题给大家。
介绍了这么多框架,下面到了实际操作的时候了,选择一个你想合成的主题,点击进入制作界面;
每一个主题内容不同,页面也略有差异,这里,仅以此为例:
我们可以看到,这里提供了“英语四级”和“英语六级”两个科目的选择,首先,我们选择“英语六级”;
然后,可以依次填写“姓名”和“学校”,之后,又为大家提供了几种分数效果的选择,可以选择其中一种效果;
一切设置完,单击“确定”按钮即可。
PS:嘻嘻(●'◡'●),依然设计了一个小小的植入模块!
很快,我们就可以看到作完成的结果,接下来,按照页头的提示“长按下方图片选择保存图片”,一张有趣的图片就制作完了。
当然啦,这种类型的工具,不是我们B1986原创,我们也是借鉴和总结网上很多同行的经验,加以修改和整理制作的,因为无法联系到这些开发者,在此我们要特别感谢大家的努力。
在这个过程中,我们可以看到,在系统中我们增加了很多植入,例如,每个主题列表下都有“定制全套系统”,这是一个一键跳转按钮,可以自动跳转到指定页面;每个主题制作和结果页面,添加了二维码识别和扫描模块。
这些则是我们为企业和微商准备的小功能,怎么使用,相信各位企业都是微营销的行家,比我们这些技术宅擅长很多,在此就不再班门弄斧。
好了,进入下一环节,“前方高能,不喜勿喷”。
各位可能对文中文字合成到图片的功能感兴趣,特别是一些刚入行的PHP技术人员,但是由于篇幅所限,在这里我们先将上面四六级的例子中,文字合成部分的代码贴出来。
在这里我们简单介绍一下,系统中实现这部分功能的核心函数。
这里我们主要用到了PHP图像处理的几个函数,分别是“imagecopy”、“imagettftext”、“imagedestroy”、“imagecolorallocate”、“imagecreatetruecolor”和“imagecreatefromjpeg”等。
1、“imagecopy”函数用于拷贝图像或图像的一部分,成功返回 TRUE ,否则返回 FALSE 。
语法:
bool imagecopy( resource dst_im, resource src_im, int dst_x, int dst_y, int src_x, int src_y,int src_w, int src_h )
参数说明:参数说明
dst_im目标图像
src_im被拷贝的源图像
dst_x目标图像开始 x 坐标
dst_y目标图像开始 y 坐标,x,y同为 0 则从左上角开始
src_x拷贝图像开始 x 坐标
src_y拷贝图像开始 y 坐标,x,y同为 0 则从左上角开始拷贝
src_w(从 src_x 开始)拷贝的宽度
src_h(从 src_y 开始)拷贝的高度
2、“imagettftext”即将TTF文字写入到图中
语法:
array ImageTTFText(int im, int size, int angle, int x, int y, int col, string fontfile, string text);
参数说明:
size 为字形的尺寸;
angle 为字型的角度,顺时针计算,0 度为水平,也就是三点钟的方向 (由左到右),90 度则为由下到上的文字;
x,y 二参数为文字的坐标值 (原点为左上角);
col 为字的颜色;
fontfile 为字型文件名称,亦可是远端的文件;
text 当然就是字符串内容了。
返回值为数组,包括了八个元素,头二个分别为左下的 x、y 坐标,第三、四个为右下角的 x、y 坐标,第五、六及七、八二组分别为右上及左上的 x、y 坐标。
注意的是欲使用本函数,系统要装妥 GD 及 Freetyphe 二个函数库。
3、“imagecreatetruecolor”新建一个真彩*图色**像。
语法:
resource imagecreatetruecolor ( int $x_size , int $y_size )
说明:
imagecreatetruecolor() 返回一个图像标识符,代表了一幅大小为 x_size 和 y_size 的黑*图色**像。
可惜,我们不能在这样的平台展示全部源码,希望喜欢的开发者朋友私信给我们,可以一起交流!
PS:系统中图片素材皆取自网络,如有不妥请与我们联系!