[发明专利]生成雪碧图及其子图提取代码的方法及装置

权利要求书

1.一种生成雪碧图方法，其特征在于，包括以下步骤：

根据用于生成雪碧图的背景画布以及至少两张子图的宽度，确定每一张子图在背景画布上的位置信息，其中，在所述背景画布上同一行所有子图的上侧边缘处于同一水平线；

响应于雪碧图生成请求，按照每一张子图在背景画布上的位置信息，将子图绘制在背景画布上，生成雪碧图。

2.根据权利要求1所述的方法，其特征在于，所述根据用于生成雪碧图的背景画布以及至少两张子图的宽度，确定每一张子图在背景画布上的位置信息，包括：

对于每一张待确定位置的子图，获取与该子图对应的背景画布的配置信息；

根据背景画布的配置信息，获取所述背景画布上已有子图的占据行数：

将占据行数最大值对应行的总宽度和待确定位置的子图的宽度进行加和计算，并根据计算结果与背景画布的宽度之间的对比结果，确定待确定位置的子图的左上顶点的坐标值。

3.根据权利要求2所述的方法，其特征在于，所述根据计算结果与背景画布的宽度之间的对比结果，确定待确定位置的子图的左上顶点的坐标值，包括：

以背景画布的左上顶点为原点，x轴过原点水平向右为正，y轴过原点垂直向下为正；

当计算结果大于背景画布的宽度时，使得待确定位置的子图置于占据行数最大值对应行的下一行，待确定位置的子图左上顶点的横坐标数值为0，纵坐标数值为占据行数最大值对应行的纵坐标数值与该行中所有子图高度的最大值的加和；

当计算结果小于或等于背景画布的宽度时，使得待确定位置的子图置于占据行数最大值对应行，待确定位置的子图左上顶点的横坐标数值为占据行数最大值对应行中所有子图的总宽度，纵坐标数值与占据行数最大值对应行的相同。

4.根据权利要求1所述的方法，其特征在于，所述响应于雪碧图生成请求，按照每一张子图在背景画布上的位置信息，将子图绘制在背景画布上，生成雪碧图，包括：

响应于雪碧图生成请求，按照预设宽度和高度构建背景画布；

接收用于生成雪碧图的至少两张子图；

将每一张子图绘制在背景画布上的对应位置，生成雪碧图。

5.根据权利要求3述的方法，其特征在于，在所述确定待确定位置的子图的左上顶点的坐标值之后，所述方法还包括：

根据待确定位置的子图的左上顶点的坐标值计算背景画布的配置信息，用于下一张待确定位置的子图进行左上顶点的坐标值的计算，其中，所述配置信息包括所述背景画布上已有子图的占据行数以及每一行的总宽度和纵坐标数值。

6.一种生成子图提取代码的方法，其特征在于，包括：

根据权利要求1至5任一项所述的生成雪碧图的方法中获取每一张子图在背景画布上的位置信息；

基于雪碧图存储路径以及雪碧图中子图在背景画布上的位置信息，生成用于提取雪碧图中子图的代码。

7.根据权利要求1所述的方法，其特征在于，所述基于雪碧图存储路径以及雪碧图中子图在背景画布上的位置信息，生成用于提取雪碧图中子图的代码，包括：

构造超文本标记语言html代码的基础要素；

根据雪碧图存储路径信息构造写入背景画布的代码；

根据雪碧图中子图在背景画布上的坐标信息构造用于定位雪碧图中子图的代码；

构造用于显示雪碧图中子图的代码；

将写入雪碧图的代码、用于定位雪碧图中子图的代码和用于显示雪碧图中子图的代码添加至所述html代码的基础要素中，形成用于提取雪碧图中子图的代码。

8.一种生成雪碧图的装置，其特征在于，包括：

确定模块，其用于根据用于生成雪碧图的背景画布以及至少两张子图的宽度，确定每一张子图在背景画布上的位置信息，其中，在所述背景画布上同一行所有子图的上侧边缘处于同一水平线；

绘制模块，其用于响应于雪碧图生成请求，按照每一张子图在背景画布上的位置信息，将子图绘制在背景画布上，生成雪碧图。