(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210881396.X (22)申请日 2022.07.26 (71)申请人 深圳市明源云空间电子商务有限公 司 地址 518000 广东省深圳市南 山区粤海街 道高新区社区高新南一道002号飞亚 达科技大厦6 02 (72)发明人 唐士瀛　 (74)专利代理 机构 深圳市恒程创新知识产权代 理有限公司 4 4542 专利代理师 李晶 (51)Int.Cl. G06F 9/451(2018.01) (54)发明名称 雪碧图生成方法、 装置、 电子设备及可读存 储介质 (57)摘要 本发明公开了一种雪碧图生成方法、 装置、 电子设备及可读存储介质， 其方法为， 当接收到 雪碧图生 成指令时， 根据雪碧图生成指令弹出扩 展程序操作面板， 通过扩展程序 操作面板载入待 合成图片集后， 将待合成图片集中的每一待合成 图片渲染到扩展程序操作面板的待生成 界面上， 当接收到雪碧图合成指令时， 基于雪碧图合成指 令生成待合成图片的雪碧图， 实现了用户可在无 网络资源的情况下生成雪碧图， 避免了由于大量 的网络交互导致雪碧图的生 成过程不流畅、 延 迟 或失败进而增加了用户的操作难度和操作时间， 有效避免了需通过网络资源进行雪碧图的获取 而存在的不便捷因素， 为用户提供了便捷化的雪 碧图生成方式。 权利要求书2页 说明书9页 附图2页 CN 114942820 A 2022.08.26 CN 114942820 A 1.一种雪碧图生成方法， 其特征在于， 所述雪碧图生成方法应用于雪碧图生成插件， 所 述雪碧图生 成插件挂载在浏览器端， 以调用雪碧图生 成方法的javascr ipt脚本实现在无网 络状态的情况 下进行雪碧图生成， 所述雪碧图生成方法包括： 当接收到 雪碧图生成指令时， 根据所述雪碧图生成指令弹出扩展程序操作面板； 通过所述扩展程序操作面板载入待合成图片集后， 将所述待合成图片集中的每一待合 成图片渲染到所述扩展程序操作面板的待生成界面上； 当接收到雪碧图合成指令时， 基于所述雪碧图合成指令生成所述待合成图片的雪碧 图。 2.如权利要求1所述的雪碧图生成方法， 其特征在于， 所述将所述待合成图片集中的每 一待合成图片渲染到所述扩展程序操作面板的待生成界面上的步骤 包括： 通过所述扩展程序操作面板对所述待合成图片集中的每一所述待合成图片分别进行 img标签的定义； 将经由所述img标签定义后的所述待合成图片渲染到所述扩展程序操作面板的待生成 界面上。 3.如权利要求1所述的雪碧图生成方法， 其特征在于， 所述当接收到雪碧图合成指令 时， 基于所述雪碧图合成指令生成所述待合成图片的雪碧图的步骤 包括： 当接收到所述雪碧图合成指令时， 通过文件创建元素在所述扩展程序操作面板上创建 一个canvas画 布； 基于所述雪碧图合成指令在所述canvas画 布上生成所述待合成图片的所述雪碧图。 4.如权利要求3所述的雪碧图生成方法， 其特征在于， 所述通过文件创建元素在所述扩 展程序操作面板上创建一个canvas画 布的步骤之后， 还 包括： 基于所述雪碧图生成插件中的for循环对每一所述待合成图片进行遍历， 并将遍历后 的每一所述待合成图片分别加入image对象后， 将所述image对象渲染到所述canvas画布 上。 5.如权利要求1所述的雪碧图生成方法， 其特征在于， 所述基于所述雪碧图合成指令生 成所述待合成图片的雪碧图的步骤之后， 还 包括： 对每一所述待合成图片对应的宽度、 高度和坐标 数据进行记录； 根据记录的所述宽度、 高度和坐标数据生成每一所述待合成图片对应的css代码后， 将 所述css代码显现在所述扩展程序操作面板的代码显示 栏上。 6.如权利要求1所述的雪碧图生成方法， 其特征在于， 所述基于所述雪碧图合成指令生 成所述待合成图片的雪碧图的步骤之后， 还 包括： 基于所述雪碧图对所述扩展程序操作面板上的下载控件进行激活， 并在接收到所述下 载控件触发的下 载指令时， 将所述雪碧图发送至所述浏览器端。 7.如权利要求6所述的雪碧图生成方法， 其特征在于， 所述在接收到所述下载控件触发 的下载指令时， 将所述雪碧图发送至所述浏览器端的步骤之后， 还 包括： 检测到所述浏 览器端完成所述雪碧图的下载和存储后， 将缓存至浏览器端的所述雪碧 图的数据文件调出并清除。 8.一种雪碧图生成装置， 其特 征在于， 所述雪碧图生成装置包括： 扩展程序操作面板单元， 用于接收到雪碧图生成指令时， 根据所述雪碧图生成指令弹权　利　要　求　书 1/2 页 2 CN 114942820 A 2出扩展程序操作面板； 待合成图片渲染单元， 用于通过所述扩展程序操作面板载入待合成图片集后， 将所述 待合成图片集中的每一待合成图片渲染到所述扩展程序操作面板的待生成界面上； 雪碧图生成单元， 用于接收到雪碧图合成指令时， 基于所述雪碧图合成指令生成所述 待合成图片的雪碧图。 9.一种电子设备， 其特征在于， 包括存储器、 处理器及存储在存储器上并可在处理器上 运行的计算机处理程序， 所述处理器执行所述计算机处理程序时实现权利要求1 ‑7中任一 项所述的雪碧图生成方法的步骤。 10.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质上存储有计算机 程序， 所述计算机程序被处理器执行时实现权利要求1 ‑7中任一项所述的雪碧图生成方法 的步骤。权　利　要　求　书 2/2 页 3 CN 114942820 A 3