关于node.js:一款基于Vue3实现的漂亮且功能强大的在线海报设计器

大家好，我是 Java 陈序员。

咱们在工作中常常须要设计各种各样的图片，海报、产品图、文章图片、视频 / 公众号等。

咱们能够抉择应用 PS 来设计图片，然而有时候想疾速实现工作，有没有一款工具反对疾速生成海报呢？

答案是有的，明天给大家介绍一款 在线图片（海报）设计器。

关注微信公众号：【Java 陈序员】，获取 开源我的项目分享、AI 副业分享、超 200 本经典计算机电子书籍等。

我的项目介绍

poster-design —— 一款丑陋且功能强大的在线海报设计器、图片编辑器、仿稿定设计。

实用于海报生成、电商产品图、文章长图、视频 / 公众号封面等多种场景。

poster-design 基于 Vue3 + Vite2 + Vuex + ElementPlus 技术栈实现，应用 Puppeteer + Express 生成图片。

poster-design 具备欠缺的根底性能，页面操作丝滑，交互细节丰盛。应用服务端生成图片，反对简略的 AI 抠图工具，可一键去除图片背景。

性能特色：

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

我的项目地址：

https://github.com/palxiao/poster-design

在线体验：

https://design.palxp.cn/home

性能体验

1、多种模板抉择

2、文字图层设计

3、丰盛的素材库

4、多种多样的文字款式

5、图片库

6、工具箱

本地部署

1、克隆代码

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

2、装置依赖

cd poster-design
npm run prepared

3、启动服务

npm run serve

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

4、浏览器拜访

http://127.0.0.1:3000/ 

最初

举荐的开源我的项目曾经收录到 GitHub 我的项目，欢送 Star：

https://github.com/chenyl8848/great-open-source-project

或者拜访网站，进行在线浏览：

https://chencoding.top:8090/#/

大家的点赞、珍藏和评论都是对作者的反对，如文章对你有帮忙还请点赞转发反对下，谢谢！