微信小程序+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,又想稍微定制下图片的朋友们,提供这么一个快捷小工具吧!

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

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

 

上一篇:thinkphp6注解路由的使用方法


下一篇:Nopcommerce 二次开发0