Vue Fabric Editor:Vue3 Web 端可视化图片编辑器

科技   2024-11-23 18:22   湖北  


文章底部获取项目地址



Vue Fabric Editor 是基于 Vue3、Fabric.js 的开源 Web 端图片编辑器,适用于需要快速构建图片编辑功能的开发人员和设计师。在海报设计、壁纸设计、图片编辑等场景,有很大帮助,可以提供完善的功能和丰富的细节处理,并且支持国际化多语言功能。
编辑器包含模板、元素、文字、素材等诸多模块。
支持导入 PSD、图片等文件,添加水印、保存到剪切板、下载等。
项目安装:
git clone project url
pnpm install
pnpm dev
支持功能:
  1. 导入导出:支持导入导出 JSON 源文件,导出 PNG、SVG 格式图片。

  2. 自定义设计:可自定义设计模板、字体样式模板、自定义分类素材。

  3. 元素操作:支持元素拖拽、组合、层级管理、多种对齐操作。

  4. 图片素材处理:支持插入、替换、滤镜、裁剪等操作。

  5. 形状和线条:支持绘制形状、线条,设置渐变、边框、透明度、阴影。

  6. 画布自定义:支持自定义尺寸、放大缩小、辅助线、标尺功能。

  7. 快捷操作:支持快捷键、右键菜单快捷操作设置。

特性介绍:
  1. 插件化架构:支持插件化架构,允许用户自定义素材、右键菜单、快捷键等功能,便于二次开发和功能扩展。

  2. 简洁易用:与大型、功能复杂的在线 PS 类工具不同,Vue Fabric Editor 注重轻量和简洁,提供易于使用的图形编辑体验。

  3. 功能齐全:尽管注重简洁,Vue Fabric Editor 依然提供了丰富的功能,包括自定义模板、渐变、自定义字体等,满足轻量级图片编辑的需求。


《前端资源推荐》公众号收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等,如有其他优秀资源,欢迎发消息投稿,感谢点赞、在看、转发、关注!!!

其他推荐


Vxe Table:Vue3 支持超大数据量渲染的表格组件

F2:蚂蚁开源 跨平台多端可视化图表

Marsview:开源低代码平台 快速搭建管理系统

TinyMCE:支持 Word 导入 无限插件扩展 富文本编辑器

Varlet:Vue3 移动 桌面 双端适配 UI 组件库

Uppy:支持断点续传 模块化的文件上传库

kkFileView:支持数十种文件格式预览开源工具库

Arco Design Mobile:字节新开源 移动端 UI 组件库

项目地址


GitHub:https://github.com/ikuaitu/vue-fabric-editor

官方文档:https://ikuaitu.github.io/doc/

前端资源推荐
推荐分享各种前端组件UI、插件工具、中后台系统、低代码、可视化、开源项目、学习资源、特效源码等
 最新文章