业余时间开发了个海报编辑器
需求
因为有时候需要写篇博客文章或者录制个教程视频。需要首图的海报,不然没办法发布,再一个就是一个好的海报还是可以挺高用户对文章的吸引力的,之前我都是在网上找的那种在线编辑器制作的,比如创可贴,Canvas这种海报工具网站,但是吧,有个问题是只能制作简单的海报,稍微复杂点的就需要充值,但是对我也没啥影响,因为我一直都是用的最基础的,一直在使用黑底白字,简直是基础中的超基础,因为简单嘛,文字也足够醒目。这倒是也没啥,唯一让我感到不爽的是过几天就需要登录,这个真实贼烦,所以我就想着,反正我用的都是最简单的,为毛不自己用代码实现一个工具,直接导出图片的。
其实需求也很简单,就是固定的海报尺寸,比如公众号海报尺寸是首图:900px*383px
,B站封面及视频:1280px*800px
,小红薯竖版封面:1242px*1660px(3:4)
,然后可以打上标题,标题自动居中,字体颜色白色,背景黑色即可。
目的:开箱即用
实现第一版
然后就花了2个小时时间写了第一版的编辑器,及其的简单。如图示例。然后我后面文章所以的封面图片都是用这个生成的,也还可以。
实现第二版
但是就在前几天突然有了个想法,想再优化一版。因为感觉之前的那一版太素了,没有吸引力,那么大部分人对图片的第一吸引力在哪呢?我感觉应该是背景和字体相关,所以初步的需求就有了。
新需求如下:
- 支持背景图
- 背景图可以模糊
- 支持文字
- 文字自动居中
- 文字支持修改字体大小
- 文字支持修改字体样式
- 背景图支持透明度
- 背景图支持更改背景颜色
- 支持导出PNG,JPG图片
- 增加一键更改背景图片,高清图,本地图片
- 支持修改文字颜色
- 支持自定义图片尺寸
- 预设多个自定义尺寸
这样看,两个图片对比是不是就显的后者更加的强烈。
海报编辑器地址
https://tool.share888.top/#/poster
虽然还有一些bug存在,后面有空再优化吧。