[发明专利]一种图标代码生成方法及装置

说明书

本申请提供一种图标代码生成方法、装置及电子设备，包括：对目标图进行网格划分，生成与目标图上的图标一一对应的目标网格；所述目标图至少包括1个图标；根据所述目标网格的网格参数，生成所述目标网格对应的图标的图标代码。使用本申请提供的方法，可实现自动生成目标图中的所有图标的图标代码。

技术领域

本申请涉及计算机通信领域，尤其涉及一种图标代码生成方法及装置。

背景技术

CSS(Cascading Style Sheets，层叠样式表)Sprites(精灵)又称CSS精灵或者CSS雪碧，是一种网页图应用处理方式。具体为，将一个页面内所需要显示的图标全部整合到一张大图中，并使用CSS背景定位技术来调用大图中的图标。

现有生成大图上图标的图标代码的方式是：人工手工编写大图上的每一个图标的图标代码。人工编写图标代码就会造成图标代码生成效率低且出错率高。

发明内容

有鉴于此，本申请提供一种图标代码生成方法及装置，用以实现自动生成目标图中图标的图标代码。

具体地，本申请是通过如下技术方案实现的：

根据本申请的第一方面，提供一种图标代码生成方法，所述方法包括：

对目标图进行网格划分，生成与目标图上的图标一一对应的目标网格；所述目标图至少包括1个图标；

根据所述目标网格的网格参数，生成所述目标网格对应的图标的图标代码。

可选的，所述对目标图进行网格划分，生成与目标图上的图标一一对应的目标网格，包括：

按照已获取的网格划分参数对目标图进行网格划分，

根据接收的网格调整指令对划分的网格进行调整，生成目标图上的图标一一对应的目标网格。

可选的，所述网格调整指令包括：网格合并指令和/或网格删除指令；

所述根据接收的网格调整指令对划分得到的网格进行调整，包括：

根据接收的网格合并指令将至少两个网格合并；和/或，

根据接收的网格删除指令删除至少一个网格。

可选的，所述网格参数至少包括网格标识、网格的长、宽以及网格在所述目标图中的位置；

所述根据所述目标网格的网格参数，生成所述目标网格对应的图标的图标代码，包括：

根据所述目标网格的网格标识对应的图标标识、所述目标网格的长、宽以及所述目标网格在所述目标图中的位置，生成所述目标网格对应的图标的图标代码

可选的，所述目标网格的网格标识对应的图标标识通过如下方式确定：

获取用户输入的与所述目标网格的网格标识对应的图标标识；或者，

为所述目标网格的网格标识分配不同于其他图标的图标标识。

根据本申请的第二方面，提供一种图标代码生成装置，所述装置包括：

可选的，划分单元，用于对目标图进行网格划分，生成与目标图上的图标一一对应的目标网格；所述目标图至少包括1个图标；

生成单元，用于根据所述目标网格的网格参数，生成所述目标网格对应的图标的图标代码。

可选的，所述划分单元，具体用于按照已获取的网格划分参数对目标图进行网格划分，根据接收的网格调整指令对划分的网格进行调整，生成目标图上的图标一一对应的目标网格。

可选的，所述网格调整指令包括：网格合并指令和/或网格删除指令；