推荐一个开源图片编辑器,可用于图片编辑、商品设计、封面设计、标签设计等场景

大家好,我是开源项目的作者,也是一名前端开发。

今天跟大家推荐一下自己的开源图片编辑器,更像一个开源在线设计工具,可用于海报设计、图文笔记、商品设计、封面设计、标签设计、logo设计、等场景,自定义字体、素材、设计模板、右键菜单、快捷键,还提供插件化的方式扩展二次开发,目前GitHub的收藏是4.4K Star。

Foxmail20240625043850.png

中文名字叫做快图设计,英文名字是vue-fabric-editor,基于 fabric.js 和 Vue开发,特点是简单易容、功能齐全、插件化架构,非常适合二次开发

项目预览界面

Foxmail20240625050208.png

Foxmail20240625044539.png

Foxmail20240625050757.png

自定义字体

渐变、自定义字体、大小、行高、间距、背景色都可以调整,还有描边、阴影等通用属性。

Foxmail20240625055743.png

图形绘制

不仅仅支持文本,普通的形状元素、SVG、二维码、条形码、不规则多边形都支持

image.png

右键菜单快捷键

可以通过插件化的方式来定义快捷键和右键菜单,

Foxmail20240625060213.png

图片滤镜/图片裁剪

Foxmail20240625060922.png

图片裁剪

Foxmail20240625060717.png

拖拽调整画布

Foxmail20240625060534.png

PSD导入

Foxmail20240625061056.png

水印设置

Foxmail20240625061418.png

分类素材

Foxmail20240625062115.png

创建设计与作品分类

功能比较完整,包括设计模板、登录注册、新建设计、用户作品素材管理等功能:

FireShot Capture 009 - 快图设计-开源在线设计工具-vue-fabric-editor - nihaojob.github.io.png

Foxmail20240625061850.png Foxmail20240625043905.png

Foxmail20240625053125.png

我是一名独立开发者,目前在全职维护这个开源项目, 欢迎大家使用,如果有需要赶紧Star吧,省的后边找不到:https://github.com/nihaojob/vue-fabric-editor

点赞
收藏

评论区

加载中...

相关推荐

Element upload组件上传图片与回显图片

场景:新增商品时需要添加商品主图,新增成功之后可编辑上传图片:<elformitemlabel"专区logo:"style"height:160px"<divclass"img"<eluploadaction

FMOD Event System——事件树策略、加载、内存分配

FMOD最新API—EventSytem,提供了比FMODEx更高层的接口,使引擎开发人员无需关注诸如音频数据管理、播放控制、channels管理等底层细节,而把精力放在考虑如何为上层应用(如:场景/技能/UI编辑器中的音效、音乐的编辑,游戏中各种音效、音乐的播放)设计适合的框架。此外,它还提供了相应的设计工具—FMODDesigner,让音效制作人员

LOGO设计辅助图形的人性化设计

LOGO设计辅助图形的人性化设计编辑:AGO(安可)品牌顾问!LOGO设计辅助图形的人性化设计(http://www.agobrand.com/uploads/allimg/160707/1015314c40.jpg)LOGO设计的终极目的是为人服务,这是LOGO设计(https://www.oschina.net/ac

图像编辑工具:Pixelmator Pro for Mac 中文版

是一款为Mac用户精心打造的图片处理及编辑软件。它的界面设计简洁直观,操作起来非常便捷,使得用户可以快速完成各种图片处理任务。PixelmatorPro具备丰富的编辑功能,包括图像调整、滤镜效果、选区编辑、文字添加等,可以满足用户在图片处理和设计方面的各种

Vector Magic Mac矢量图片转换工具

是一款强大的矢量图形处理软件,适用于Mac用户。它可以帮助用户在Mac上创建、编辑和优化矢量图形,适用于各种设计领域,如Logo设计、图标设计、海报设计等。VectorMagicMac具有以下特点:界面简洁易用:VectorMagicMac的界面非常直观,

开源图片编辑器的插件化架构

详细介绍了开源图片编辑器架构的演进,说明抽象分层规范并定义插件规范,最终实现一个可扩展的编辑器插件化架构。