Skip to content
鼓励作者:欢迎打赏犒劳

业余时间开发了个海报编辑器

需求

因为有时候需要写篇博客文章或者录制个教程视频。需要首图的海报,不然没办法发布,再一个就是一个好的海报还是可以挺高用户对文章的吸引力的,之前我都是在网上找的那种在线编辑器制作的,比如创可贴,Canvas这种海报工具网站,但是吧,有个问题是只能制作简单的海报,稍微复杂点的就需要充值,但是对我也没啥影响,因为我一直都是用的最基础的,一直在使用黑底白字,简直是基础中的超基础,因为简单嘛,文字也足够醒目。这倒是也没啥,唯一让我感到不爽的是过几天就需要登录,这个真实贼烦,所以我就想着,反正我用的都是最简单的,为毛不自己用代码实现一个工具,直接导出图片的。 其实需求也很简单,就是固定的海报尺寸,比如公众号海报尺寸是首图:900px*383px,B站封面及视频:1280px*800px,小红薯竖版封面:1242px*1660px(3:4),然后可以打上标题,标题自动居中,字体颜色白色,背景黑色即可。

目的:开箱即用

实现第一版

然后就花了2个小时时间写了第一版的编辑器,及其的简单。如图示例。然后我后面文章所以的封面图片都是用这个生成的,也还可以。

实现第二版

但是就在前几天突然有了个想法,想再优化一版。因为感觉之前的那一版太素了,没有吸引力,那么大部分人对图片的第一吸引力在哪呢?我感觉应该是背景和字体相关,所以初步的需求就有了。

新需求如下:

  • 支持背景图
  • 背景图可以模糊
  • 支持文字
  • 文字自动居中
  • 文字支持修改字体大小
  • 文字支持修改字体样式
  • 背景图支持透明度
  • 背景图支持更改背景颜色
  • 支持导出PNG,JPG图片
  • 增加一键更改背景图片,高清图,本地图片
  • 支持修改文字颜色
  • 支持自定义图片尺寸
  • 预设多个自定义尺寸

这样看,两个图片对比是不是就显的后者更加的强烈。

海报编辑器地址

https://tool.share888.top/#/poster

虽然还有一些bug存在,后面有空再优化吧。

如有转载或 CV 的请标注本站原文地址