开源图片编辑器推荐 - 可用于海报编辑、商品设计、封面设计、标签设计等场景
![开源图片编辑器推荐-可用于海报编辑、商品设计、封面设计、标签设计等场景](https://static001.geekbang.org/infoq/ab/ab374f5d3b9bff78b9146e2c88228d73.png)
大家好,我是开源项目的作者,也是一名独立开发者。
今天跟大家推荐一下自己的开源图片编辑器,更像一个开源在线设计工具,可用于海报设计、图文笔记、商品设计、封面设计、标签设计、logo 设计、等场景,自定义字体、素材、设计模板、右键菜单、快捷键,还提供插件化的方式扩展二次开发,目前 GitHub 的收藏是 4.4K Star。。
![](https://static001.geekbang.org/infoq/1c/1cdc50d731edf1bc1619bf0938e3aef5.png)
中文名字叫做快图设计,英文名字是 vue-fabric-editor,基于 fabric.js 和 Vue 开发,特点是简单易容、功能齐全、插件化架构,非常适合二次开发。
项目预览界面
![](https://static001.geekbang.org/infoq/58/58b6ba17e956e846b2cec2e5aaedebd3.png)
![](https://static001.geekbang.org/infoq/42/42488265fccb20a46dff9bb39a4b95b0.png)
![](https://static001.geekbang.org/infoq/48/488a467e55d4e994b154262550169ab0.png)
自定义字体
渐变、自定义字体、大小、行高、间距、背景色都可以调整,还有描边、阴影等通用属性。
![](https://static001.geekbang.org/infoq/5a/5a8f16d1f54da19d769214aa6776ba7b.png)
图形绘制
不仅仅支持文本,普通的形状元素、SVG、二维码、条形码、不规则多边形都支持
![](https://static001.geekbang.org/infoq/91/91a988229409b71889fb64114a8a42a5.png)
右键菜单快捷键
可以通过插件化的方式来定义快捷键和右键菜单,
![](https://static001.geekbang.org/infoq/bd/bd4d3e12298ed01de1d8ddd914eb267f.png)
图片滤镜
![](https://static001.geekbang.org/infoq/9a/9aa35f5f6435c00e4a819545959b0fbd.png)
图片裁剪
![](https://static001.geekbang.org/infoq/5d/5da1ec0f6f4c0400caebb5dd63edd572.png)
拖拽调整画布
![](https://static001.geekbang.org/infoq/22/22ff210c231d77d8b4583348881829d8.png)
PSD 导入
![](https://static001.geekbang.org/infoq/c2/c210d06b007ac74bbb82b16bb04554d1.png)
水印设置
![](https://static001.geekbang.org/infoq/ec/ecffa8a56d1dd71a44bcc4b686869a80.png)
分类素材
![](https://static001.geekbang.org/infoq/c6/c6fc6c672ffdd975a0d821d075262c36.png)
创建设计与作品分类
功能比较完整,包括设计模板、登录注册、新建设计、用户作品素材管理等功能:
![](https://static001.geekbang.org/infoq/fa/faad3ece977568dd9bb4f232ee545236.png)
![](https://static001.geekbang.org/infoq/19/197cfe06d6572e407f82b95f3d90c2cf.png)
![](https://static001.geekbang.org/infoq/f5/f58bfc49e76cd214e9196ba606ce523e.png)
![](https://static001.geekbang.org/infoq/c9/c928b8f88ee6c60f94b51cb341a7a433.png)
我是一名独立开发者,目前在全职维护这个开源项目,欢迎大家使用,如果有需要赶紧 Star 吧,省的后边找不到:https://github.com/nihaojob/vue-fabric-editor
版权声明: 本文为 InfoQ 作者【秦少卫】的原创文章。
原文链接:【http://xie.infoq.cn/article/50e165a6d2a4978b5ab369816】。
本文遵守【CC-BY 4.0】协议,转载请保留原文出处及本版权声明。
评论