vue的在线海报图片设计器（vue生成海报图）

1. 项目简介

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

项目截图

2. 基于Node.js和Vue的在线海报图片设计器

设计器模板

3. 一款漂亮且功能强大的在线海报图片设计器，仿稿定设计。

适用于海报图片生成、电商分享图、文章长图、视频/公众号封面等多种场景。

丝滑的操作体验，丰富的交互细节，基础功能完善

采用服务端生成图片，确保多端出图统一性，支持各种 CSS 特性

支持将上传的 PSD 文件解析成模板，方便导入已有设计图

技术栈：Vue3 、Vite2 、Vuex 、ElementPlus

图片生成：Puppeteer、Express

4. 支持功能

导入 PSD 设计稿，导出图片下载

元素拖拽、组合、缩放、层级调整、对齐等操作。

图片素材插入、替换、裁剪，图片容器等功能。

SVG 素材颜色、透明度编辑，文字花字组合。

画布自定义尺寸、滚轮缩放、自适应画布

吸附对齐、辅助引导线、标尺功能。

键盘快捷键、右键菜单快捷操作，复制删除等常用操作。

风格二维码编辑，支持单色、渐变、自定义 logo 等。

图层操作，支持拖拽变更层级。

颜色调色板，原生级取色器颜色吸管（Chrome）。

5. 拉取源码

环境需求：Node.js v16.18 以上版本

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

本地运行

npm run serve