安利一款简单的图片工具类小程序《络绮九宫格》

前言:书到用时方恨少,事非经过不知难。

就小程序的具体功能简单介绍一下,用来安利自己的小程序。

小程序最开始的名称叫做《络绮》,后来在前辈的建议下,为了增加曝光与搜索,将名称改成《络绮九宫格》。为什么叫络绮呢,一开始起名也是很犯难的,在网上搜了好多好多,总是选不定自己想要的名字,在一个机缘巧合的片刻,我看到了脉络,绮丽这两个词,这两个词中都有“纟”,想到了丝绸种种,于是就选中这两个词组成我小程序的名称。现在,我给它赋予脉络相连,五彩缤纷绮丽的意义。

小程序现有功能主要是六个模块,分别是:图片模糊、添加水印、简单切图、九宫格拼图、gif图片制作、数字爱心九宫格拼图。以下是对这六个模块如何操作做具体的介绍。

1、图片模糊

首先需要上传一张图片,然后滑动模糊数值对应的滑块来调整模糊数值,满意了,点击保存到本地保存到相册。 若想更换图片,点击中间部分的小红字更换图片。

2、图片添加水印

现在只支持简单的文字水印,首先还是上传图片

图片上传后,这边可以进行图片裁剪操作,若图片不满意,同样也可以进行更换图片。图片上传后,你可以点击添加水印按钮来添加你想要添加的文字了,文字可以调整大小、方向、颜色,同时也可以选择使用系统字体或网络字体,使用网络字体,可能会出现字体加载不全或加载不了的情况,在这种情况下,建议使用系统字体。 文字添加点击确定后,可以在拖动相对应的文字,移动水印的位置。 若是觉得水印不满意,想要修改或删除,你仅需要长按列表对应的文字,弹出浮层选择是编辑修改还是删除。调整满意了,点击保存到本地将图片保存到本地。

3、简单切图

上传图片,进行简单的切图,目前有四格、六格、九格切割,圆形、五角星、菱形、五边形、六边形等图像的简单切图,切图后的图片,可以作为后面功能的素材,起点缀装饰的作用。

4、九宫格拼图

上传九张图片,合成一张图片,可以选择调整间隔大小、圆角大小、背景图的颜色。上传九张图后,若某个位置的图片不满意,可以点击重新上传,也可以移动交换图片位置。若不想上传九张图,也可以选择使用模板,小程序提供了多个爱心模版供大家选择,选择模板后,仅需要上传一张图片便可完成拼图。

5、gif图制作

选择合适尺寸,上传多张图片,裁剪至相同的比例,然后选择动画间隔,点击生成按钮生成动图,由于微信的bug,点击保存至本地保存的不是动图,只能通过预览长按来保存了。注意:图片一定要裁剪成相同的比例,否则是生成不了动图的,每次更换gif图宽度后需要重新裁剪图片。

6、数字爱心九宫格拼图

这个功能是要着重介绍的,其来源于我在刷抖音时偶然刷到一些教程:先确定图片在数字上的位置,然后在微信上传九张图,截图保存,执行九次,然后再将9张图发到朋友圈,达到效果。这种方式太复杂,太费时间了,九宫格不外乎是一些数字坐标而已,为何不通过程序来实现这一功能能,于是自己动手实现了这一功能,在微信小程序中搜了一下,微信中已有类似功能的小程序,不过他们提供的功能太简单了,我将功能完善了一下,现在支持多种配置 比如调整圆角大小、间隔大小、背景颜色、空白块颜色、同时也可以选择图片作为背景,所拼的图案也由最开始数字扩展到 爱心、丘比特、I love U 等多种形状,正好七夕也快到了,借用此小程序做一个用心的表白图片送给心爱的人也是极好的(默默的伤心,来自单身狗的无奈)。 另外,这个功能还提供自定义编辑的功能,点击自定义编辑,长按删除原来图片,点击方格上传新的图片,在方格里随心所欲、为所欲为的编辑你想要的图片吧(tips:要尽机而为哦,把手机搞崩溃了可不好)。图片可以分单张保存,也可以分九张保存。分九张保存的话需要左右滑动轮播图,多次保存图片。

本小程序也提供多种素材供大家选择,看到自己喜欢的素材图片,点击预览保存到本地使用。

以下是小程序的一些截图,欢迎大家来体验,提建议,小程序开发不易,希望大家给个关注,多多转发。

-------------------------------------------------------------------------------------------

华丽的分割线

一大波图片来袭~~~~~~~~~~~~~~~~~~~~~~~~~~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,163评论 1 32
  • 我随书友进书群 书香把我心留存 这里有花香四季 这里有千姿百态 小仙大神 妙笔生辉 书评立论 抒情感怀 各领风骚 ...
    吉羊玉奕v阅读 377评论 2 7
  • 前一篇已经搭建好webpack的环境了 这篇主要就是挂载vue实例到dom上,然后使用vue-router实现路由...
    小螃蟹_5f4c阅读 217评论 0 1
  • 我曾有一位朋友,因为我要走了,周末约在广场告别。我们在广场走了一圈又一圈,一直淡淡的聊着,也不知道聊什么。他问:你...
    夏言baby阅读 426评论 0 1
  • 事情没有绝对的因果论,观点没有对错之分,每个人的解决之道,也不见得是必然正确的,也不是和另一个人的问题有着直接的关...
    潘巧阅读 110评论 0 0