[开源]一款开源的图片在线设计工具，开箱即用，可免费商用

一飞开源，介绍创意、新奇、有趣、实用的开源应用、系统、软件、硬件及技术，一个探索、发现、分享、使用与互动交流的开源技术社区平台。致力于打造活力开源社区，共建开源新生态！

一、开源项目简介

WuJie Design 是四川爱趣五科技推出的一款开源的图片设计工具，使用了React Hooks，Typescript，Vite，Leaferjs等主流的技术开发，开箱即用。

二、开源协议

使用MIT开源协议

是否可商用？

项目采用 MIT 协议，可免费商用，还请保留项目中“关于我们”的相关信息，因为这是宣传我们的唯一途径。

三、界面展示

项目预览

黑色主题：

白色主题：

使用模板：

四、功能概述

功能/计划

Tips: 🕙 筹划中 🔲 筹备中 🚧 进行中 ✅ 已完成

编辑器

🚧 素材管理

🚧 背景颜色（纯色、线性渐变、径向渐变）
🚧 背景图片
🚧 组合文字素材
✅ 艺术字素材
✅[系统]图片素材
🚧[系统]文字素材
🚧[系统]贴纸素材（SVG）
🚧[系统]背景素材
✅[用户]素材上传
✅[用户]素材删除
✅[用户]素材批量管理

✅ 右键菜单（撤销、重做、导出图层、删除、复制、剪切、锁定、上移一层、下移一层、置顶、置底）
✅ 撤销&重做
✅ 定时保存
✅ 黑白主题切换
🔲 多语言支持
✅ 快捷键操作（快捷键说明文档）
🚧 元素控制器

✅ 框选
✅ 缩放
✅ 拖动
✅ 旋转
🚧 吸附对齐
🔲 参考线

✅ 标尺
✅ 模版功能
✅ 拖入元素到画布
🔲 拖入图片替换元素
🔲 马赛克工具
✅ 多页面支持（新增、删除、切换）
🚧 图层列表

✅ 拖动排序
🚧 组内拖动
🚧 组间拖动

🚧 组合元素

🚧 坐标对齐（居中、顶部对齐、底部对齐、左对齐、右对齐、水平间距、垂直间距）
✅ 多元素组合

✅ 画布尺寸修改
✅ 画布缩放&适配
🚧 背景填充

✅ 颜色填充
🚧 图片填充

🔲 3D 文字效果
🔲 3D 模型
🚧 文字元素

✅ 快捷操作（水平翻转，垂直翻转，锁定图层，隐藏&显示图层，复制，删除）
✅ 文字样式设置（加粗、倾斜、颜色（纯色、线性渐变、径向渐变）、对齐方式、文字大小、字体设置、行距、间距、描边）
✅ 坐标设置
✅ 旋转设置
✅ 阴影设置
✅ 透明度设置
🔲 蒙版（橡皮擦）
🕙 路径文字

🚧 图片元素

🔲 LUT 滤镜
🚧 SVG 颜色自定义
✅ 图片裁剪
🔲 遮罩（容器）
🔲 蒙版（橡皮擦）
✅ 快捷操作（水平翻转，垂直翻转，锁定图层，隐藏&显示图层，复制，删除）
✅ 边框设置
✅ 圆角设置
✅ 坐标设置
✅ 旋转设置
✅ 阴影设置
✅ 透明度设置

🕙 元素动画（进入，强调，离开）
🔲 二维码元素
🔲 条形码元素
🔲 画笔自由绘制元素
🔲 形状元素

🔲 线条
🔲 多边形
🔲 星形
🔲 圆环&扇形

🔲 图表元素
🔲 词云元素
✅ 下载文件

✅ 静态图片下载（PNG，JPG，WEBP）
🔲 动态图片下载（GIF，WEBM）
🔲 PDF 下载
🔲 PNG 图层分层下载（ZIP）

🔲 预览
🔲 SDK 封装
🔲 插件开发 API
✅ AI 抠图
🔲 AI 人像打光
🔲 AI 擦除水印
🔲 AI 去背景
🕙 AI 变清晰
🕙 AI 扩图
🕙 AI 图片美化

五、技术选型

image-editor是一款类似可画、创客贴、图怪兽的在线图片编辑器，操作简单，功能强大，主要技术栈：typescript、leaferjs、react、mobx。

安装使用

// 安装依赖
yarn install

// 启动项目
yarn dev

// 打包项目
yarn build

六、源码地址

源码下载

关注下面的标签，发现更多相似文章

一飞开源

发布了篇专栏 · 获取点赞 · 获取阅读

关于作者