基于leafer-ui的在线编辑器,支持PSD导入、PSD解析,可用于海报设计器、广告设计器、logo设计器、AI创作图片合成器等

952 阅读1分钟

简介

Leafer Design 是一个免费开源的海报设计器。使用了最新的vue3,vite4,TypeScript等主流技术开发,开箱即用。

预览图

功能/计划

  • ✅PSD导入
    • ✅ 支持RGB色彩模式的PSD文件导入
    • 🕙 支持CMYK色彩模式的PSD文件导入及色彩模式转换
    • ✅ 分组处理
    • ✅ 层级处理
    • ✅ 图片解析
    • ✅ 剪切蒙版
    • ✅ 文字解析
      • ✅ 普通文本
      • ✅ 富文本
    • ✅ 字体加载
    • 🕙 智能对象
  • ✅ JSON导入
  • ✅ 多页面支持
  • ✅ 快捷键支持(部分功能)
  • ✅ 模板导入
  • ✅ 图层管理
  • ✅ 标尺工具
  • ✅ 钢笔工具
  • ✅ 元素编辑
  • ✅ 预览
  • ✅ 文件下载(JSON / PNG / JPG / WEBP)
    • ✅ 整个画布导出
    • ✅ 指定元素导出
  • ✅ 画布缩放、拖动模式
  • ✅ 边框描边(纯色、线性渐变、径向渐变、图片)
  • ✅ 填充(纯色、线性渐变、径向渐变、图片)
  • ✅ 混合模式、旋转、透明度
  • ✅ 文本字体、粗细、大小、下划线、中划线、倾斜、行距、字距、内边距、换行规则
  • ✅ 文本超出控制、自定义超出显示
  • ✅ 多元素打组、拆分组
  • ✅ 画布尺寸修改、多背景填充
  • ✅ 元素超出组裁剪/显示
  • ✅ 富文本支持
  • ✅ 二维码工具
  • ✅ 条形码码工具
  • 🕙 AI抠图
  • 🕙 AI图生图、自动补全
  • ✅ 标尺线npm包封装

导入与导出

文件导入

点击顶部左侧菜单栏中的【文件】,选择导入的类型即可进行导入

图片.png

文件导出

点击编辑器右上角的【下载作品】,可另存为JSON、PNG、JPG、WEBP等

图片.png

项目地址

Gitee地址: 点击访问Gitee GitHub地址: 点击访问GitHub