美观易用且功能强大的在线创意图片编辑器，媲美稿定设计、创客贴、Canva等产品，开源免费。
适用于多种场景：海报图片生成、电商图文分享、制作文章长图、视频/公众号封面等，在线实现创意，快速图文排版，设计如此简单！
- 流畅的操作体验，丰富的交互细节，完善的基础功能
- 服务端生成图片，支持各种HTML5特性
- 主要技术栈：Vue3、Vite5、Pinia、ElementPlus、Puppeteer、Express
功能简介
- 导入PSD文件解析成模板、在线导出图片下载。
- 简易AI抠图工具，上传图片一键去除 背景。
- 元素拖拽、组合、缩放、层级调整、对齐等操作。
- 图片素材插入、替换、裁剪，图片容器等功能。
- SVG素材颜色、透明度编辑，文字花字组合。
- 支持图层管理、多画板管理、自适应画布。
- 吸附对齐、辅助引导线、标尺功能。
- 键盘快捷键、右键菜单快捷操作，复制删除等常用操作。
- 风格二维码编辑，支持单色、渐变、自定义logo等。
- 颜色调色板，原生级取色器颜色吸管（Chrome）。
快速开始
git clone https://github.com/palxiao/poster-design.git
cd poster-design
npm run prepared
npm run server
输入网址 http://127.0.0.1:5173/ 访问站点，更多请参阅详细说明文档。
服务端 & 图片生成
本仓库中所提供的后端代码仅为示例作用，目的在于帮助开发者更好地理解项目，实际生产则推荐根据自身需求进行开发。原项目中请求的远程API接口已不再适用，但接口API文档仍具有一定参考性。
关于部署等说明请前往项目中查看，后端项目代码位于根目录/service下。
其它
项目持续迭代中，还有很多不足，可以将你遇到的问题在Issues中提出，或者提交Pull Request帮助完善。
交流群
了解项目最新资讯、或技术交流，欢迎关注公众号《品味前端》；回复"加群"获取群号。
<img style="width: 380px;" src="https://yellow-cdn.veclightyear.com/835a84d5/1b6dfd10-6fcb-45ed-bec8-76894fdd7b48.png" />感谢
项目还使用或参考了一些优秀开源项目，包括但不限于：
- moveable：提供了画布中选择、拖动缩放等能力
- html2canvas：前端出图的简单方案
- qr-code-styling：生成风格化二维码
- rembg：图片自动抠图，使用u2net预训练模型
Star
开源不易，最后别忘了给本项目点个Star ~
感谢所有喜欢并支持本项目的朋友 :heart:
友情赞助商
| Dooring低代码 | DrawOn桌案 |
|---|---|
| <a href="https://dooring.vip/"> <img style="height: 90px" src="https://github.com/palxiao/poster-design/assets/21021314/2240801f-8484-4fd2-8505-8205daa6d53c" /></a> | <a href="https://www.drawon.cn?useSource=hb1"> <img style="height: 120px" src="https://github.com/palxiao/poster-design/assets/21021314/258bb6ec-4e1e-4c86-b45c-22946213f209" /></a> |
Contributions
<a href="https://github.com/palxiao/poster-design/graphs/contributors">
<img src="https://contrib.rocks/image?repo=palxiao/poster-design" />
</a>
LICENSE
本项目遵循MIT开源协议，如有疑问，建议仔细阅读并保留此中文版开源许可证。
编辑推荐精选
Keevx
AI数字人视频创作平台
Keevx 一款开箱即用的AI数字人视频创作平台，广泛适用于电商广告、企业培训与社媒宣传，让全球企业与个人创作者无需拍摄剪辑，就能快速生成多语言、高质量的专业视频。
即梦AI
一站式AI创作平台
提供 AI 驱动的图片、视频生成及数字人等功能，助力创意创作
扣子-AI办公
AI办公助手，复杂任务高效处理
AI办公助手，复杂任务高效处理。办公效率低？扣子空间AI助手支持播客生成、PPT制作、网页开发及报告写作，覆盖科研、商业、舆情等领域的专家Agent 7x24小时响应，生活工作无缝切换，提升50%效率！
TRAE编程
AI辅助编程，代码自动修复
Trae是一种自适应的集成开发环境（IDE），通过自动化和多元协作改变开发流程。利用Trae，团队能够更快速、精确地编写和部署代码，从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动 完成功能，是提升开发效率的理想工具。
蛙蛙写作
AI小说写作助手，一站式润色、改写、扩写
蛙蛙写作—国内先进的AI写作平台，涵盖小说、学术、社交媒体等多场景。提供续写、 改写、润色等功能，助力创作者高效优化写作流程。界面简洁,功能全面,适合各类写作者提升内容品质和工作效率。
问小白
全能AI智能助手，随时解答生活与工作的多样问题
问小白，由元石科技研发的AI智能助手，快速准确地解答各种生活和工作问题，包括但不限于搜索、规划和社交互动，帮助用户在日常生活中提高效率，轻松管理个人事务。
Transly
实时语音翻译/同声传译工具
Transly是一个多场景的AI大语言模型驱动的同声传译、专业翻译助手，它拥有超精准的音频识别翻译能力，几乎零延迟的使用体验和支持多国语言可以让你带它走遍全球，无论你是留学生、商务人士、韩剧美剧爱好者，还是出国游玩、多国会议、跨国追星等等，都可以满足你所有需要同传的场景需求，线上线下通用，扫除语言障碍，让全世界的语言交流不再有国界。
讯飞智文
一键生成PPT和Word，让学习生活更轻松
讯飞智文是一个利用 AI 技术的项目，能够帮助用户生成 PPT 以及各类文档。无论是商业领域的市场分析报告、年度目标制定，还是学生群体的职业生涯规划、实习避坑指南，亦或是活动策划、旅游攻略等内容，它都能提供支持，帮助用户精准表达，轻松呈现各种信息。
讯飞星火
深度推理能力全新升级，全面对标OpenAI o1
科大讯飞的星火大模型，支持语言理解、 知识问答和文本创作等多功能，适用于多种文件和业务场景，提升办公和日常生活的效率。讯飞星火是一个提供丰富智能服务的平台，涵盖科技资讯、图像创作、写作辅助、编程解答、科研文献解读等功能，能为不同需求的用户提供便捷高效的帮助，助力用户轻松获取信息、解决问题，满足多样化使用场景。
Spark-TTS
一种基于大语言模型的高效单流解耦语音令牌文本到语音合成模型
Spark-TTS 是一个基于 PyTorch 的开源文本到语音合成项目，由多个知名机构联合参与。该项目提供了高效的 LLM（大语言模型）驱动的语音合成方案，支持语音克隆和语音创建功能，可通过命令行界面（CLI）和 Web UI 两种方式使用。用户可以根据需求调整语音的性别、音高、速度等参数，生成高质量的语音。该项目适用于多种场景，如有声读物制作、智能语音助手开发等。
推荐工具精选
AI云服务特惠
懂AI专属折扣关注微信公众号
最新AI工具、AI资讯
独家AI资源、AI项目落地
微信扫一扫关注公众号