vue的在线海报图片设计器
- 项目简介
一款漂亮且功能强大的在线图片设计器，仿稿定设计，适用于多种场景：海报生成、电商产品图、文章长图、视频/公众号封面等，让设计更简单！A beautiful online image designer, suitable for various scenarios like generate posters, making design easier.
- 基于Node.js和Vue的在线海报图片设计器
- 一款漂亮且功能强大的在线海报图片设计器，仿稿定设计。
适用于海报图片生成、电商分享图、文章长图、视频/公众号封面等多种场景。
丝滑的操作体验，丰富的交互细节，基础功能完善
采用服务端生成图片，确保多端出图统一性，支持各种 CSS 特性
支持将上传的 PSD 文件解析成模板，方便导入已有设计图
技术栈：Vue3 、Vite2 、Vuex 、ElementPlus
图片生成：Puppeteer、Express
- 支持功能
导入 PSD 设计稿，导出图片下载
元素拖拽、组合、缩放、层级调整、对齐等操作。
图片素材插入、替换、裁剪，图片容器等功能。
SVG 素材颜色、透明度编辑，文字花字组合。
画布自定义尺寸、滚轮缩放、自适应画布
吸附对齐、辅助引导线、标尺功能。
键盘快捷键、右键菜单快捷操作，复制删除等常用操作。
风格二维码编辑，支持单色、渐变、自定义 logo 等。
图层操作，支持拖拽变更层级。
颜色调色板，原生级取色器颜色吸管（Chrome）。
- 拉取源码
环境需求：Node.js v16.18 以上版本
git clone https://github.com/palxiao/poster-design.git
cd poster-design
npm run prepared本地运行
npm run serve