Skip to content

一款漂亮且功能强大的在线海报设计器,图片编辑器,仿稿定设计,适用于多种场景:海报生成、电商产品图、文章长图、视频/公众号封面等。A beautiful online image designer, suitable for various scenarios like generate posters, making design easier!

License

Notifications You must be signed in to change notification settings

jonathanchourio/poster-china

This branch is 162 commits behind palxiao/poster-design:main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ba34a9e · Mar 15, 2024
Feb 26, 2024
Mar 10, 2024
Jul 18, 2023
Mar 10, 2024
Mar 15, 2024
Mar 10, 2024
Mar 10, 2024
Jul 18, 2023
Dec 29, 2023
Mar 14, 2024
Jul 18, 2023
Sep 20, 2023
Mar 10, 2024
Mar 10, 2024
Jan 24, 2024
Feb 25, 2024
Mar 13, 2024

Repository files navigation

在线体验网站 | 在线文档 | 常见问题


迅排设计

一款漂亮易用且功能强大的创意图片编辑器,对标稿定设计、创客贴、Canva 等商业产品。

适用于多种场景:海报图片生成、电商分享图、文章长图、视频/公众号封面等,无需下载软件即可轻松实现云端编辑、迅速完成图文排版。

特点

  • 丝滑的页面操作体验,丰富的交互细节,基础功能完善
  • 采用服务端生成图片,能确保多端出图统一性,支持各种 CSS 特性
  • 简易 AI 抠图工具,上传图片一键去除背景
  • 技术栈:Vue3 、Vite5 、Vuex 、ElementPlus,开发体验畅快
  • 图片生成:Puppeteer、Express

支持功能

  • 导入 PSD 文件解析成模板、在线导出图片下载。
  • 元素拖拽、组合、缩放、层级调整、对齐等操作。
  • 图片素材插入、替换、裁剪,图片容器等功能。
  • SVG 素材颜色、透明度编辑,文字花字组合。
  • 画布自定义尺寸、滚轮缩放、自适应画布
  • 吸附对齐、辅助引导线、标尺功能。
  • 键盘快捷键、右键菜单快捷操作,复制删除等常用操作。
  • 风格二维码编辑,支持单色、渐变、自定义 logo 等。
  • 图层操作,支持拖拽变更层级。
  • 颜色调色板,原生级取色器颜色吸管(Chrome)。

快速开始

git clone https://github.com/palxiao/poster-design.git
cd poster-design
npm run prepared
npm run dev
cd screreenshot
npm run dev

访问 http://127.0.0.1:5173/ 查看网页。点此查看更多说明文档

图片生成服务

代码位于根目录 /screenshot,接口API文档点此查看:接口 API 文档

服务端

后端需要自己开发,目前本项目演示 Demo 中的后端接口参考:接口 API 文档

其它

我们尝试沉淀一个高质量内容社区,形成可持续学习的平台,同时解决开发者在项目中遇到的疑难和困惑,帮大家少走一些弯路。

也欢迎关注公众号:品味前端,回复“加群”进行交流。


本项目最早使用 Vue2 开发,现改用 Vue3 重构中。一些迭代计划记录.

目前开源版仍在持续迭代中,还有很多的不足,可以将你遇到的问题在 Issues 中提出,或者提交 Pull Request 帮助完善。

感谢

项目还使用或参考了一些优秀开源项目,包括但不限于:

开源不易,最后别忘了给本项目点个 Star ~

Star History Chart

Star

感谢所有支持本项目的朋友 ❤️

Stargazers

Fork

这些小伙伴都在使用迅排设计 ❤️

Forkers

友情赞助商

Dooring低代码 DrawOn桌案

Contributions

LICENSE

本项目完全免费,可在保留 MIT 开源许可证 的前提下使用。

About

一款漂亮且功能强大的在线海报设计器,图片编辑器,仿稿定设计,适用于多种场景:海报生成、电商产品图、文章长图、视频/公众号封面等。A beautiful online image designer, suitable for various scenarios like generate posters, making design easier!

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 60.3%
  • Vue 22.1%
  • TypeScript 16.6%
  • Other 1.0%