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

应用介绍

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

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

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

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

3. 简易 AI 抠图工具，上传图片一键去除背景

4. 技术栈：Vue3 、Vite2 、Vuex 、ElementPlus

5. 图片生成：Puppeteer、Express

   
   

   支持功能

   
   

6. 导入 PSD 文件解析成模板、在线导出图片下载

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

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

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

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

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

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

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

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

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

    
    

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

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

将会同时运行前端界面与图片生成服务(3000端口为前端项目，7001端口为图片生成服务)：

 如果你本地没有成功启动两个服务，可能是 win 系统不兼容，手动进 screenshot 目录安装依赖(npm install)并启动服务(npm run dev) 或者使用 VSCode 自带的终端来运行命令，不要使用 CMD。

合成图片时本地会启动一个 Chrome 浏览器实例。