GitHub

2024-07-09 02:26| 来源: 网络整理| 查看: 265

yft-design

1，一款美观且功能强大的在线设计工具，具备海报设计和图片编辑功能，基于Canvas的开源版【稿定设计】。适用于多种场景，如海报生成、电商产品图制作、文章长图设计、视频/公众号封面编辑等。 2，适配稿定设计导出pdf还原，支持导入psd还原 3，可导出图片，svg，pdf Demo：https://yft.design 备用：https://morestrive.com 介绍文章

作者找工作中,有岗位请联系 [email protected]

psd解析

pdf解析

psd解析

pdf解析 🚀 项目运行 node >= 16+ npm install npm run dev npm run build 📖 项目结构 ├── app // 静态资源 │ ├── fabricCanvas // FabricCanvas │ ├── fabricControls // 选择器 │ ├── fabricRuler // 标尺 │ ├── fabricTool // 拖动 │ ├── guideLines // 辅助线 │ ├── hoverBorders // 预选择 │ └── wheelScroll // 缩放 ├── assets // 静态资源 │ ├── fonts // 在线字体文件 │ └── styles // 样式 ├── components // 与业务逻辑无关的通用组件 ├── configs // 配置文件，如：颜色，字体。 ├── hooks // 供多个组件（模块）使用的 hooks 方法 ├── extension // 自定义fabirc对象 │ ├── controls // 裁剪图片controls │ ├── mixins // 裁剪图片mixins │ └── object // 自定义元素对象 ├── mocks // mocks 数据 ├── plugins // 自定义的 Vue 插件 ├── types // 类型定义文件 ├── store // Pinia store，参考：https://pinia.vuejs.org/ ├── utils // 通用的工具方法 ├── views // 业务组件目录。 │ ├── Canvas // 编辑器对象 │ └── Editor // 编辑器模块 └── worker // web worker 🧾 API接口文档使用后端文件解析器可以查看如下支持pdf 支持psd 支持ai(pdf结构) 支持抠图 cdr解析开发中如果有需要可以联系作者 [email protected] 📚 功能列表基础功能历史记录（撤销、重做）快捷键右键菜单导入PDF(完美还原格式，不支持图片裁切导入) 导入PSD(完美还原格式，支持部分特效还原，亮度，对比度，颜色覆盖) 导入SVG(不支持tspan字体) 导出本地文件（SVG、图片、PDF）页面编辑页面添加、删除页面顺序调整页面复制粘贴(TODO) 背景设置（纯色、渐变、图片）设置画布尺寸网格线(TODO) 标尺画布缩放、移动页面模板选择面板（隐藏元素、层级排序、元素命名）(TODO) 元素编辑元素添加、删除元素复制粘贴元素拖拽移动元素旋转元素缩放元素多选（框选、点选）多元素组合多元素批量编辑(TODO) 元素锁定(TODO) 元素吸附对齐（移动和缩放）元素层级调整元素对齐到画布元素坐标、尺寸和旋转角度设置文字文本编辑（颜色、高亮、字体、字号、加粗、斜体、下划线、删除线、对齐方式、项目符号、缩进、清除格式）行高字间距段间距填充色阴影透明度图片滤镜着色（蒙版）翻转边框阴影裁切形状填充色边框阴影透明度翻转编辑文字线条颜色宽度样式联系作者

wechat: 15972699417 email: [email protected]

License

Licensed under the MIT License.

管理员