开源了一个 web 版图片/海报编辑器，参考稿定设计和创客贴设计，已开源 600+star

[nihaojob]

半年前个人兴趣，搞了一个简单版本的编辑器自己用，使用 vue + fabric.js 开发，后来把源码放到 Github ，并且发了一片笔记，半年左右涨到了 600star ，反馈比较正向，把项目地址和笔记分享出来，欢迎大家 star 。

项目地址：https://github.com/nihaojob/vue-fabric-editor

预览地址：https://nihaojob.github.io/vue-fabric-editor/

• 《使用 fabric.js 快速开发一个图片编辑器》
• 《fabric.js 开发图片编辑器的细节实现》

[JohnH]

也在 fabricjs 上花过一些时间，提个小问题吧
1.多行文字里，部分中文标点（比如逗号）不能在新行的开头（需要自己补丁）
2.多行文字里，行高与 html 中的行高显示行为不同（当然这是 fabricjs 的问题，可能补丁一下也好一些）
3.画线时，没清理 activeobject ，导致一边画一边把 activeobject 拉走了

但是完成度很高，很棒👍🏻

[nihaojob]

@JohnH 果然是大佬，感谢反馈，我试一下

[YuTengjing]

稿定编辑器开发围观吃瓜😀

[nihaojob]

@YuTengjing 大佬现身了，👍👍

[YY]

能实现模版，批量导入文案 生成海报吗？

[CocaColf]

最近也在使用 fabric 开发编辑器，还是很方便的。
它有个问题，元素拖拽缩放时，控制点不跟随鼠标走，而是只跟随鼠标移动的方向做比例缩放。需要按着 shift 键同时缩放控制点才会跟随鼠标移动。这和像 Sketch 等设计软件是相反的。

[xiaozizayang]

希望支持 docker 部署

[nihaojob]

@YY 可以的，我之前这么搞过，只需要把模板的 json 里的文案替换成字符串，每次生成图片，替换一下字符串就行，我之前用它生成成语卡片。

[nihaojob]

@xiaozizayang 可以提个 issue ，大佬感兴趣的话也可以搞个 PR ，我对 docker 不是特别属于

[nihaojob]

@CocaColf 缩放可以自己设置原点，可以设置中心点或者鼠标当前位置为缩放原点

[haoxuexiaoyao]

下载下来的图片没有编辑的时候看着清晰，这个一般什么情况呢，好像和 PS 做的图片保存的清晰度有一定的差距

[nihaojob]

@haoxuexiaoyao 导出图片时有质量参数的调整 可以调大一点的

[jearyvon]

@YuTengjing 创客贴编辑器研发也来吃吃瓜