dromara/yft-design：is a powerful, visually stunni

dromara

1.7k

334 18

MIT License

项目介绍

dromara/yft-design 是一个托管在 GitHub 上的开源项目，主要使用 TypeScript 编写，采用 MIT License 许可证，目前获得 1.7k 个 Star、334 次 Fork。

仓库全名: dromara/yft-design
开源许可证: MIT License
Star 数: 1.7k
Fork 数: 334
未关闭 Issue: 18

README 摘要

yft-design 1，一款美观且功能强大的在线设计工具，具备海报设计和图片编辑功能，基于Canvas的开源版【稿定设计】。适用于多种场景，如海报生成、电商产品图制作、文章长图设计、视频/公众号封面编辑等。 2，适配稿定设计pdf还原，支持导入psd还原 3，可导出图片，svg，pdf 📞 联系我们 🌐 在线体验版本 | 链接 | 描述 | Demo | https://demo.yft.design | 免费体验版本 | Pro | https://yft.design | 专业完整版本 | 性能 | https://yft.design/zh/editor?mode=stress&count=5000&seed=42&partRender=1&canvasPerf=1 | 性能体验版本 | 💬 联系方式平台 | 联系方式 | 说明 | 微信 | 15972699417 | 添加微信获取技术支持 | 邮箱 |…

完整内容见 GitHub 原始 README 或本页。

常见问题

yft-design 用什么语言开发？

主要使用 TypeScript 编写，采用 MIT License 许可证，目前有 1.7k 个 Star。

yft-design 可以免费商用吗？

如何获取 yft-design 的源码？

可以直接克隆仓库：git clone https://github.com/dromara/yft-design.git，默认分支为 main；安装与运行步骤见仓库 README。

yft-design 最近还在维护吗？

仓库最近一次更新为 9月4日，当前有 18 个未关闭 Issue；Star 数为 1.7k，可作为社区活跃度的参考。

简要分析

热度分

2350

价值分

1102

活跃状态

活跃

canva-alternative canvas-editor clipper design-editor element-plus fabric-editor fabricjs image-crop online-design online-editor pdf-editor pdf-parser poster-design psd-editor psd-parse text2path vue3-fabric

GitHub

语言占比

CSS

Dockerfile

HTML

JavaScript

SCSS

TypeScript

Vue

贡献者

README

yft-design

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

📞 联系我们

🌐 在线体验

版本	链接	描述
Demo	https://demo.yft.design	免费体验版本
Pro	https://yft.design	专业完整版本
性能	https://yft.design/zh/editor?mode=stress&count=5000&seed=42&partRender=1&canvasPerf=1	性能体验版本

💬 联系方式

平台	联系方式	说明
微信	`15972699417`	添加微信获取技术支持
邮箱	`[email protected]`	商务合作与技术支持
Telegram	加入群组	技术交流与社区讨论

🚀 开发状态

介绍文章
 介绍视频

psd解析

pdf解析

psd解析

pdf解析

🚀 项目运行

node >= 16+
pnpm install  // 安装依赖
pnpm dev      // debug
pnpm build    // prod

📖 项目结构

├── 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