/image-editor

image-editor是一款在线图片编辑器,操作简单,功能强大,主要技术栈:typescript、leaferjs、react、mobx

Primary LanguageTypeScriptMIT LicenseMIT

简介

无界云图是四川爱趣五科技推出的一款开源的图片设计工具,使用 了React HooksTypescriptViteLeaferjs等主流的技术开发,开箱即用,如果想直接使用,请访问我们的在线版 无界云图

是否可商用?

项目采用 MIT 协议,可免费商用。

项目预览

黑色主题:

image

白色主题:

image

相关文档

安装使用

// 安装依赖
yarn install

// 启动项目
yarn dev

// 打包项目
yarn build

技术交流

微信技术交流群:

我们的产品矩阵

更新日志

CHANGELOG

Star History

Star History Chart

功能/计划

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

  • 🚧 素材管理
    • ✅[系统]图片素材
    • 🚧[系统]文字素材
      • 🚧 组合文字素材
      • ✅ 艺术字素材
    • 🚧[系统]贴纸素材(SVG)
    • 🚧[系统]背景素材
      • 🚧 背景颜色(纯色、线性渐变、径向渐变)
      • 🚧 背景图片
    • ✅[用户]素材上传
    • ✅[用户]素材删除
    • ✅[用户]素材批量管理
  • ✅ 右键菜单(撤销、重做、导出图层、删除、复制、剪切、锁定、上移一层、下移一层、置顶、置底)
  • ✅ 撤销&重做
  • ✅ 定时保存
  • ✅ 黑白主题切换
  • 🔲 多语言支持
  • ✅ 快捷键操作(快捷键说明文档)
  • 🚧 元素控制器
    • ✅ 框选
    • ✅ 缩放
    • ✅ 拖动
    • ✅ 旋转
    • 🚧 吸附对齐
    • 🔲 参考线
  • ✅ 标尺
  • ✅ 模版功能
  • ✅ 拖入元素到画布
  • 🔲 拖入图片替换元素
  • 🔲 马赛克工具
  • ✅ 多页面支持(新增、删除、切换)
  • 🚧 图层列表
    • ✅ 拖动排序
    • 🚧 组内拖动
    • 🚧 组间拖动
  • 🚧 组合元素
    • 🚧 坐标对齐(居中、顶部对齐、底部对齐、左对齐、右对齐、水平间距、垂直间距)
    • ✅ 多元素组合
  • ✅ 画布尺寸修改
  • ✅ 画布缩放&适配
  • 🚧 背景填充
    • ✅ 颜色填充
    • 🚧 图片填充
  • 🔲 3D 文字效果
  • 🔲 3D 模型
  • 🚧 文字元素
    • ✅ 快捷操作(水平翻转,垂直翻转,锁定图层,隐藏&显示图层,复制,删除)
    • ✅ 文字样式设置(加粗、倾斜、颜色(纯色、线性渐变、径向渐变)、对齐方式、文字大小、字体设置、行距、间距、描边)
    • ✅ 坐标设置
    • ✅ 旋转设置
    • ✅ 阴影设置
    • ✅ 透明度设置
    • 🔲 蒙版(橡皮擦)
    • 🕙 路径文字
  • 🚧 图片元素
    • 🔲 LUT 滤镜
    • ✅ SVG 颜色自定义
    • ✅ 图片裁剪
    • 🔲 遮罩(容器)
    • 🔲 蒙版(橡皮擦)
    • ✅ 快捷操作(水平翻转,垂直翻转,锁定图层,隐藏&显示图层,复制,删除)
    • ✅ 边框设置
    • ✅ 圆角设置
    • ✅ 坐标设置
    • ✅ 旋转设置
    • ✅ 阴影设置
    • ✅ 透明度设置
  • 🕙 元素动画(进入,强调,离开)
  • ✅ 二维码元素
  • ✅ 条形码元素
  • 🔲 画笔自由绘制元素
  • 🔲 形状元素
    • 🔲 线条
    • 🔲 多边形
    • 🔲 星形
    • 🔲 圆环&扇形
  • 🔲 图表元素
  • 🔲 词云元素
  • ✅ 下载文件
    • ✅ 静态图片下载(PNG,JPG,WEBP)
    • 🔲 动态图片下载(GIF,WEBM)
    • 🔲 PDF 下载
    • 🔲 PNG 图层分层下载(ZIP)
  • 🔲 预览
  • ✅ SDK 封装
  • ✅ 插件开发 API
  • ✅ AI 抠图
  • 🔲 AI 人像打光
  • 🔲 AI 擦除水印
  • 🔲 AI 去背景
  • 🕙 AI 变清晰
  • 🕙 AI 扩图
  • 🕙 AI 图片美化