(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210909536.X (22)申请日 2022.07.29 (71)申请人 杭州彩连科技有限公司 地址 310000 浙江省杭州市滨江区浦沿街 道六和路3 68号一幢(北)四楼B413 0室 (72)发明人 姜清奎　张凡宇　 (74)专利代理 机构 杭州创智卓英知识产权代理 事务所(普通 合伙) 33324 专利代理师 郑思思 (51)Int.Cl. G06F 30/12(2020.01) G06T 17/00(2006.01) G06T 19/20(2011.01) G06T 15/00(2011.01) G06F 113/12(2020.01) (54)发明名称 一种基于在线服装设计的渲染方法、 系统、 装置和介质 (57)摘要 本申请涉及一种基于在线服装设计的渲染 方法、 系统、 装置和介质， 其中， 该方法包括： 获取 自定义设计模板， 对自定义设计模板进行数据解 析， 得到解析后的模板数据； 根据解析后的模板 数据对服装分别进行在线3D、 2D渲染， 具体步骤 包括： 通过3D建模对3D 模型进行渲染； 或者， 通过 贝塞尔曲面或3D建模对2D照片 进行扭曲转换， 得 到2D照片 对应的3D视觉形变图， 并通过自定义的 webGL管线对3D视觉形变图进行图像渲染； 最终 得到渲染好的3D模型和2D图片。 通过本申请， 解 决了对在 线服装设计进行渲染时， 存在的渲染效 果不佳、 实时性差和3D形变的准确性不高的问 题， 提高了实时性和渲染效果的真实性， 提高了 用户体验感。 权利要求书2页 说明书7页 附图6页 CN 114969869 A 2022.08.30 CN 114969869 A 1.一种基于在线服装设计的渲染方法， 其特 征在于， 所述方法包括： 获取自定义设计模板， 对所述自定义设计模板进行 数据解析， 得到解析后的模板数据； 根据所述解析后的模板数据对服装分别 进行在线3D、 2D渲染， 具体步骤包括： 通过3D建 模对3D模 型进行渲染； 或者， 通过贝塞尔曲面 或3D建模对2D照 片进行扭曲转换， 得到所述2D 照片对应的3D 视觉形变图， 并通过自定义的webGL管线对 所述3D视觉形变图进行图像渲染； 最终得到渲染好的3D模型和2D图片。 2.根据权利要求1所述的方法， 其特征在于， 在获取自定义设计模板之前， 所述方法包 括： 预设模板设计参数， 通过所述设计参数在画布上进行服装的模板设计和数据处理， 得 到所述自定义设计模板 。 3.根据权利要求1所述的方法， 其特 征在于， 所述 通过3D建模 对3D模型进行渲染包括： 通过裁片建模， 将自定义设计模板拆分成多个小三角形， 通过uv映射将模板平面上的 点映射到所述3D模型中， 并通过渲染引擎进行web端的实时渲染。 4.根据权利要求1所述的方法， 其特征在于， 通过贝塞尔曲面或3D建模对2D照片进行扭 曲转换之前， 所述方法包括： 通过校正棋盘 格对模板素材进行定位校正。 5.根据权利要求1所述的方法， 其特征在于， 所述通过自定义的webGL管线对所述3D视 觉形变图进行图像渲染包括： 获取所述3D视觉形变图上的图案素材， 通过合并mask对所述素材进行解析， 得到当前 素材的遮罩数据； 根据遮罩数据设置图层遮罩， 并通过设定好正片叠底模式和normal模式对原始图片和 图层遮罩图进行混合叠加， 得到处 理后的图片； 根据webGL管线中的形变顶点和UV贴图顶点对当前处 理后的图片进行UV贴图； 对UV贴图后的图片进行图像参数调整， 并通过正片叠底模式叠加纹理层， 得到最终渲 染好的2D图片。 6.根据权利要求1所述的方法， 其特征在于， 在得到最终的渲染图像之后， 所述方法还 包括： 每次拖动图像， 均会 对图像进行局部实时渲染。 7.一种基于在线服装设计的渲染系统， 其特 征在于， 所述系统包括： 获取模块， 用于获取自定义设计模板， 对所述自定义设计模板进行数据解析， 得到解析 后的模板数据； 渲染模块， 用于根据所述解析后的模板数据对服装分别进行在线3D、 2D渲染， 具体步骤 包括： 通过3D建模对3D模 型进行渲 染； 或者， 通过贝塞尔曲面 或3D建模对2D照片进 行扭曲转 换， 得到所述2D照 片对应的3D视觉形变图， 并通过自定义的webGL管线对 所述3D视觉形变图 进行图像渲染； 最终得到渲染好的3D模型和2D图片。 8.根据权利要求7所述的系统， 其特征在于， 所述系统还包括设计模块， 在获取自定义 设计模板之前， 所述设计模块， 用于预设模板设计参数， 通过所述设计参数在画布上进行服装的模板 设计和数据处 理， 得到所述自定义设计模板 。权　利　要　求　书 1/2 页 2 CN 114969869 A 29.一种电子装置， 包括存储器和处理器， 其特征在于， 所述存储器中存储有计算机程 序， 所述处理器被设置为运行所述计算机程序以执行权利要求1至6中任一项 所述的基于在 线服装设计的渲染方法。 10.一种存储介质， 其特征在于， 所述存储介质中存储有计算机程序， 其中， 所述计算机 程序被设置为 运行时执 行权利要求1至 6中任一项所述的基于在线服装设计的渲染方法。权　利　要　求　书 2/2 页 3 CN 114969869 A 3