微信小程序+thinkphp6 开发图片打水印功能

     在2020的最后一个月,突然发现一年下来光顾着工作了,没有给自己留点什么。也是蛮遗憾的,一直想独立做个微信小程序或者微信小游戏,可是每次都草草收场,无意间看到朋友圈有个朋友给他的头像上加了一个牛气冲天的头像,我立马突发奇想,想着做一个给图片打水印,或者融合图片这样一个小程序,放在春节期间会不会受大家的欢迎,趁着这波激情,和一年下来郁郁不得志的厚积薄发,说干就干。

     第一个版本很简单,大致流程 图下 

  1.  就是我的小程序里面有一堆新年图片
  2.  然后选中一张你中意的,上传你的头像,或者输入一段你的对白,
  3.  点合成,立马就生成一张新图
  4. 下载合成的图片

     用到的插件有这些:

  1.  新年图片列表,就是原生的小程序布局,小程序写法其实也蛮简单的 js+css会的话就可以了,这里不做阐述
  2. 小程序在上传图片的时候,我是想对图片做一些编辑,比如放大,缩小,裁剪等,我用的是 image-cropper 这个插件,目前来说还是可以满足我的一些定制需求
  3. 合成图片这个步骤我是放在后端的,后端有一个图片表,和图片元素表,每个图片都有对应的编辑元素,元素主要就是“图片,文字” 这两种,图片元素表主要是存储元素的属性,比如宽高,xy坐标,如果是文字的话还可以记录字体大小颜色等。
  4. 后端用的是 thinkphp6 ,水印这块功能用的是tp6提供的 think-image 这个插件,同时也对比了 Imageick 这个插件,发现还是 think-image 这个更好用,更容易上手,出现的故障也少。
  5. 在后面就是在小程序接入流量主广告了

接下来就是慢慢讲解的时候了

  1. 首先会讲一下  image-cropper 这个插件的使用
  2. 然后看能够画个程序交互的流程图,图解一下一个图片的生成流程
  3. 然后就是 think-image 碰到的坑
  4. 最后就是接入流量主的一些方式方法

希望可以一直更新下去。虽然也是一些小心得,但是也多少有点意义

最后成品已经出来了,一直断断续续的更新了2个多月,从单纯的春节图片。陆陆续续的加上了其他节日的图片,还有24节气。内容也还在一直更新中

对于接下来的版本有这么一些计划

  1. 内容持续更新
  2. 新加一个图文编辑器,用户可以自由的拖动图片和文字的位置
  3. 列表分页,广告植入列表

最后希望这个产品,给那些需要在朋友分享一些图片,但是又没有素材,又不会设计,又不会ps,又想稍微定制下图片的朋友们,提供这么一个快捷小工具吧!

最后发个二维码,大家先捧个场,后续内容在更新

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值