%20(2).svg)
项目简介
本项目是一款名为“迅排设计器”的在线海报图片设计器，仿稿定设计。运用Vue 3、Vite 2、Vuex和ElementPlus等技术构建，适用于海报图片生成、电商分享图、文章长图、视频/公众号封面等多种场景。
项目的主要特性和功能
- 操作体验：提供丝滑操作体验和丰富交互细节，基础功能完善。
- 图片生成：服务端生成图片，保证多端出图统一，支持各种CSS特性。
- AI抠图：具备简易AI抠图工具，上传图片可一键去除背景。
- 文件处理：支持导入PSD文件解析成模板，可在线导出图片下载。
- 元素操作：可进行元素拖拽、组合、缩放、层级调整、对齐等操作。
- 素材编辑：支持图片素材插入、替换、裁剪，SVG素材颜色、透明度编辑和文字花字组合。
- 画布设置：画布可自定义尺寸、滚轮缩放、自适应，有吸附对齐、辅助引导线、标尺功能。
- 快捷操作：支持键盘快捷键、右键菜单快捷操作，如复制删除等。
- 二维码编辑：能进行风格二维码编辑，支持单色、渐变、自定义logo等。
- 图层操作：支持图层拖拽变更层级。
- 颜色选取：提供颜色调色板和原生级取色器颜色吸管（Chrome）。
安装使用步骤
拉取源码
确保安装了Node.js v16.18以上版本，执行以下命令：
bash
cd poster-design
安装依赖
bash
npm run prepared
若网络太慢，可尝试运行npm config set registry https://registry.npmmirror.com后再安装依赖。
本地运行
bash
npm run serve
运行后，前端项目将在3000端口，图片生成服务将在7001端口。若本地未成功启动两个服务，可能是win系统不兼容，可手动进screenshot目录安装依赖（npm install）并启动服务（npm run dev），或使用VSCode自带的终端运行命令，注意不要使用CMD。
打包
| 前端页面 | 截图服务 | | ---- | ---- |
截图服务
可通过Docker运行一个带Linux浏览器的容器，参考说明。
服务端
根据具体场景自行实现，目前项目中的所有后端接口可参考：接口 API 文档。
抠图服务部署
bash
docker run -d -p 5000:5000 --restart always danielgatis/rembg s
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】