重构设计边界：高性能、高颜值在线海报图片设计器源码

巨二兔

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

草作体验丝滑流畅，交互细节丰富，基础功能完备。

采用服务端生成图片，确保在多端展示时图片效果高度统一，并全面支持各类 CSS 特性。

配备简易 AI 抠图工具，只需上传图片，即可一键去除背景，草作便捷高效。

技术栈：使用 Vue3、Vite2、Vuex、ElementPlus 等前沿技术，为产品提供强大的技术支撑。

图片生成：借助 Puppeteer 和 Express 实现高效的图片生成功能。

支持功能：

可导入 PSD 文件并解析为模板，支持在线导出图片以便下载。

提供亓素拖拽、组合、缩放、层级调整、对齐等多样化草作，满足创意需求。

实现图片素材的插入、替换、裁剪，以及图片容器等功能，灵活处理图片。

支持 SVG 素材的颜色、透明度编辑，以及文字花字组合，丰富视觉效果。

可自定义画布尺寸，具备滚轮缩放和自适应画布功能，方便草作。

拥有吸附对齐、辅/助引导线、标尺等实用功能，提升草作精准度。

支持键盘快捷键、右键菜单快捷草作，涵盖复制、删除等常用功能，提高草作效率。

支持风格二维码编辑，可选择单色、渐变效果，还能自定义 logo，使二维码更具个性。

支持图层草作，可通过拖拽轻松变更图层层级，满足复杂的设计需求。

配备颜色调色板，采用原生级取色器颜色吸管（Chrome），精准选取所需颜色。

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

安装依赖

npm run prepared

网络太慢？尝试运行：npm config set registry https://registry.npmmirror.com 再安装依赖

链接：https://pan.xunlei.com/s/VOQEQYioF8XowrE37oBHB35CA1?pwd=jp7z# 复制这段内容后打开「手机迅雷 App」即可获取。无需下载在线查看，视/频原画享倍速播放