在2020的最后一个月,突然发现一年下来光顾着工作了,没有给自己留点什么。也是蛮遗憾的,一直想独立做个微信小程序或者微信小游戏,可是每次都草草收场,无意间看到朋友圈有个朋友给他的头像上加了一个牛气冲天的头像,我立马突发奇想,想着做一个给图片打水印,或者融合图片这样一个小程序,放在春节期间会不会受大家的欢迎,趁着这波激情,和一年下来郁郁不得志的厚积薄发,说干就干。
第一个版本很简单,大致流程 图下
- 就是我的小程序里面有一堆新年图片
- 然后选中一张你中意的,上传你的头像,或者输入一段你的对白,
- 点合成,立马就生成一张新图
- 下载合成的图片
用到的插件有这些:
- 新年图片列表,就是原生的小程序布局,小程序写法其实也蛮简单的 js+css会的话就可以了,这里不做阐述
- 小程序在上传图片的时候,我是想对图片做一些编辑,比如放大,缩小,裁剪等,我用的是 image-cropper 这个插件,目前来说还是可以满足我的一些定制需求
- 合成图片这个步骤我是放在后端的,后端有一个图片表,和图片元素表,每个图片都有对应的编辑元素,元素主要就是“图片,文字” 这两种,图片元素表主要是存储元素的属性,比如宽高,xy坐标,如果是文字的话还可以记录字体大小颜色等。
- 后端用的是 thinkphp6 ,水印这块功能用的是tp6提供的 think-image 这个插件,同时也对比了 Imageick 这个插件,发现还是 think-image 这个更好用,更容易上手,出现的故障也少。
- 在后面就是在小程序接入流量主广告了
接下来就是慢慢讲解的时候了
- 首先会讲一下 image-cropper 这个插件的使用
- 然后看能够画个程序交互的流程图,图解一下一个图片的生成流程
- 然后就是 think-image 碰到的坑
- 最后就是接入流量主的一些方式方法
希望可以一直更新下去。虽然也是一些小心得,但是也多少有点意义
最后成品已经出来了,一直断断续续的更新了2个多月,从单纯的春节图片。陆陆续续的加上了其他节日的图片,还有24节气。内容也还在一直更新中
对于接下来的版本有这么一些计划
- 内容持续更新
- 新加一个图文编辑器,用户可以*的拖动图片和文字的位置
- 列表分页,广告植入列表
最后希望这个产品,给那些需要在朋友分享一些图片,但是又没有素材,又不会设计,又不会ps,又想稍微定制下图片的朋友们,提供这么一个快捷小工具吧!
最后发个二维码,大家先捧个场,后续内容在更新