项目概述：该系统是一个运行在 H5 端的 DIY 设计工具，用户可以自定义*壳、手提袋、玩具车等产品的贴图与样式，支持 图片上传、文字编辑、移动、缩放、旋转 等操作，提供流畅的交互体验。核心技术栈：· 前端：Vue.js + Pixi.js，构建 MVVM 交互架构，优化 WebGL 渲染性能，实现高效的图形处理和交互操作。· 后端：Node.js（基于 Strapi 框架），提供 API 服务，包括用户作品管理、文件存储、订单处理等功能。· 异步生成图服务：使用 Puppeteer 通过无头浏览器访问 H5 页面，渲染并生成最终作品图片，通过 MQ 队列触发异步任务，提高生成效率并优化后端性能。核心贡献：· 负责 前端 Pixi.js 渲染逻辑，实现产品 DIY 设计工具，优化 WebGL 性能，确保移动端流畅交互。· 设计并实现 后端 API 服务，基于 Strapi 进行快速开发，提高系统扩展性。· 构建 异步生成图方案，通过 Puppeteer 实现作品渲染和自动化截图，提升系统自动化能力和用户体验。