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