一种数据处理方法、装置、计算机设备以及介质制造方法及图纸

本申请实施例提供了一种数据处理方法、装置、计算机设备以及介质，该方法包括：获取初始网页的缩放比例，根据缩放比例，对初始网页进行缩放处理，得到目标网页；根据目标网页的尺寸，对初始容器进行同步缩放处理，得到目标容器；根据目标容器的尺寸，对初始合并背景图片进行同步缩放处理，得到目标合并背景图片；获取初始合并背景图片与初始容器之间的偏移比例，根据偏移比例，确定目标合并背景图片对应的偏移距离，按照偏移距离对目标合并背景图片进行移动。采用本申请，可以根据容器的分辨率调整合并背景图片，从而在不同分辨率的网页中正常显示雪碧图。正常显示雪碧图。正常显示雪碧图。

【技术实现步骤摘要】
一种数据处理方法、装置、计算机设备以及介质


[0001]本申请涉及互联网
，尤其涉及一种数据处理方法、装置、计算机设备以及介质。

技术介绍

[0002]为提高网页的加载速度，现有的网页可以使用雪碧图作为网页图片的应用处理方式，其中，雪碧图可以将多个子图片(即子图标)合成至一个图片(即雪碧图)中，以便于能够在获取一个图片的基础上，在网页中显示雪碧图中的不同子图片。
[0003]然而，由于网页的分辨率是不同的、或者是会发生变化的，现有的雪碧图处理方式会以雪碧图固有的大小显示雪碧图中的子图标，即在不同分辨率的网页中以相同大小显示雪碧图中的子图标。比如，低分辨率的网页中可以显示有雪碧图中的某个子图标(例如，子图标B)，在将调整该低分辨率的网页的分辨率之后，可以得到该低分辨率的网页对应的高分辨率的网页，该高分辨率的网页仍然会以子图标B固有的大小显示该子图标B，以至于会影响子图标B在高分辨率的网页中的显示效果，甚至会导致雪碧图无法正常显示。

技术实现思路

[0004]本申请实施例提供一种数据处理方法、装置、计算机设备以及介质，可以在不同分辨率的网页中正常显示雪碧图。
[0005]本申请实施例一方面提供了一种数据处理方法，包括：
[0006]获取初始网页的缩放比例，根据缩放比例，对初始网页进行缩放处理，得到目标网页；初始网页包括用于显示初始合并背景图片中的初始子图标的初始容器；
[0007]根据目标网页的尺寸，对初始容器进行同步缩放处理，得到目标容器；
[0008]根据目标容器的尺寸，对初始合并背景图片进行同步缩放处理，得到目标合并背景图片；目标合并背景图片包括目标子图标，目标子图标是由初始子图标经过缩放处理后所得到的；目标子图标和目标容器之间的尺寸比例关系，与初始子图标和初始容器之间的尺寸比例关系相同；
[0009]获取初始合并背景图片与初始容器之间的偏移比例，根据偏移比例，确定目标合并背景图片对应的偏移距离，按照偏移距离对目标合并背景图片进行移动；移动后的目标合并背景图片中的目标子图标处于目标容器内。
[0010]本申请实施例一方面提供了一种数据处理装置，包括：
[0011]网页确定模块，用于获取初始网页的缩放比例，根据缩放比例，对初始网页进行缩放处理，得到目标网页；初始网页包括用于显示初始合并背景图片中的初始子图标的初始容器；
[0012]容器确定模块，用于根据目标网页的尺寸，对初始容器进行同步缩放处理，得到目标容器；
[0013]图片确定模块，用于根据目标容器的尺寸，对初始合并背景图片进行同步缩放处
理，得到目标合并背景图片；目标合并背景图片包括目标子图标，目标子图标是由初始子图标经过缩放处理后所得到的；目标子图标和目标容器之间的尺寸比例关系，与初始子图标和初始容器之间的尺寸比例关系相同；
[0014]距离移动模块，用于获取初始合并背景图片与初始容器之间的偏移比例，根据偏移比例，确定目标合并背景图片对应的偏移距离，按照偏移距离对目标合并背景图片进行移动；移动后的目标合并背景图片中的目标子图标处于目标容器内。
[0015]其中，网页确定模块，具体用于获取用于显示初始网页的显示设备，根据显示设备的分辨率，确定初始网页的缩放比例。
[0016]其中，网页确定模块，具体用于响应于针对初始网页的缩放操作，获取缩放操作所指示的缩放比例，将缩放操作所指示的缩放比例，确定为初始网页的缩放比例。
[0017]其中，容器确定模块包括：
[0018]参数确定单元，用于获取针对初始容器的容器配置参数，根据目标网页的尺寸和容器配置参数，确定目标容器宽参数和目标容器高参数；
[0019]第一缩放单元，用于基于目标容器宽参数和目标容器高参数，对初始容器进行同步缩放处理，得到目标容器。
[0020]其中，容器配置参数包括包含块宽比例、包含块高比例和包含块内边距比例；
[0021]参数确定单元，具体用于获取针对初始容器的包含块宽比例、包含块高比例和包含块内边距比例；
[0022]参数确定单元，具体用于根据目标网页的尺寸所指示的网页宽参数，以及包含块宽比例，确定目标容器宽参数；
[0023]参数确定单元，具体用于根据目标网页的尺寸所指示的网页高参数，以及包含块高比例和包含块内边距比例，确定目标容器高参数。
[0024]其中，图片确定模块包括：
[0025]第一确定单元，用于根据初始子图标和初始容器之间的尺寸比例关系、以及目标容器的尺寸所指示的目标容器宽参数，确定目标图片宽参数；
[0026]第二确定单元，用于根据初始子图标和初始容器之间的尺寸比例关系、以及目标容器的尺寸所指示的目标容器高参数，确定目标图片高参数；
[0027]第二缩放单元，用于基于目标图片宽参数和目标图片高参数，对初始合并背景图片进行同步缩放处理，得到目标合并背景图片。
[0028]其中，第二缩放单元，具体用于根据目标图片宽参数和初始合并背景图片的初始图片宽参数，确定横向缩放比例；
[0029]第二缩放单元，具体用于根据目标图片高参数和初始合并背景图片的初始图片高参数，确定纵向缩放比例；
[0030]第二缩放单元，具体用于基于横向缩放比例和纵向缩放比例，对初始合并背景图片进行同步缩放处理，得到目标合并背景图片。
[0031]其中，距离移动模块包括：
[0032]第一获取单元，用于获取初始合并背景图片的初始图片参数、初始子图标相对初始合并背景图片的初始偏移距离和初始容器的初始容器参数；
[0033]比例确定单元，用于根据初始图片参数、初始偏移距离和初始容器参数，确定初始
合并背景图片与初始容器之间的偏移比例。
[0034]其中，初始图片参数包括初始图片宽参数和初始图片高参数；初始偏移距离包括初始横向偏移距离和初始纵向偏移距离；初始容器参数包括初始容器宽参数和初始容器高参数；
[0035]比例确定单元，具体用于根据初始图片宽参数、初始横向偏移距离和初始容器宽参数，确定初始合并背景图片与初始容器之间的横向偏移比例；
[0036]比例确定单元，具体用于根据初始图片高参数、初始纵向偏移距离和初始容器高参数，确定初始合并背景图片与初始容器之间的纵向偏移比例；
[0037]比例确定单元，具体用于将横向偏移比例和纵向偏移比例，确定为初始合并背景图片与初始容器之间的偏移比例。
[0038]其中，比例确定单元，具体用于将初始图片宽参数和初始容器宽参数之间的差值，确定为初始宽参数；
[0039]比例确定单元，具体用于将初始横向偏移距离与初始宽参数之间的比值，确定为初始合并背景图片与初始容器之间的横向偏移比例。
[0040]其中，偏移比例包括横向偏移比例和纵向偏移比例；偏移距离包括目标横向偏移距离和目标纵向偏移距离；
[0041]距离移动模块包括：
[0042]第二获取单元，用于获取目标合并背景图片的目本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种数据处理方法，其特征在于，包括：获取初始网页的缩放比例，根据所述缩放比例，对所述初始网页进行缩放处理，得到目标网页；所述初始网页包括用于显示初始合并背景图片中的初始子图标的初始容器；根据所述目标网页的尺寸，对所述初始容器进行同步缩放处理，得到目标容器；根据所述目标容器的尺寸，对所述初始合并背景图片进行同步缩放处理，得到目标合并背景图片；所述目标合并背景图片包括目标子图标，所述目标子图标是由所述初始子图标经过缩放处理后所得到的；所述目标子图标和所述目标容器之间的尺寸比例关系，与所述初始子图标和所述初始容器之间的尺寸比例关系相同；获取所述初始合并背景图片与所述初始容器之间的偏移比例，根据所述偏移比例，确定所述目标合并背景图片对应的偏移距离，按照所述偏移距离对所述目标合并背景图片进行移动；移动后的所述目标合并背景图片中的所述目标子图标处于所述目标容器内。2.根据权利要求1所述的方法，其特征在于，所述获取初始网页的缩放比例，包括：获取用于显示初始网页的显示设备，根据所述显示设备的分辨率，确定所述初始网页的缩放比例。3.根据权利要求1所述的方法，其特征在于，所述获取初始网页的缩放比例，包括：响应于针对初始网页的缩放操作，获取所述缩放操作所指示的缩放比例，将所述缩放操作所指示的缩放比例，确定为所述初始网页的缩放比例。4.根据权利要求1所述的方法，其特征在于，所述根据所述目标网页的尺寸，对所述初始容器进行同步缩放处理，得到目标容器，包括：获取针对所述初始容器的容器配置参数，根据所述目标网页的尺寸和所述容器配置参数，确定目标容器宽参数和目标容器高参数；基于所述目标容器宽参数和所述目标容器高参数，对所述初始容器进行同步缩放处理，得到目标容器。5.根据权利要求4所述的方法，其特征在于，所述容器配置参数包括包含块宽比例、包含块高比例和包含块内边距比例；所述获取针对所述初始容器的容器配置参数，根据所述目标网页的尺寸和所述容器配置参数，确定目标容器宽参数和目标容器高参数，包括：获取针对所述初始容器的所述包含块宽比例、所述包含块高比例和所述包含块内边距比例；根据所述目标网页的尺寸所指示的网页宽参数，以及所述包含块宽比例，确定目标容器宽参数；根据所述目标网页的尺寸所指示的网页高参数，以及所述包含块高比例和所述包含块内边距比例，确定目标容器高参数。6.根据权利要求1所述的方法，其特征在于，所述根据所述目标容器的尺寸，对所述初始合并背景图片进行同步缩放处理，得到目标合并背景图片，包括：根据所述初始子图标和所述初始容器之间的尺寸比例关系、以及所述目标容器的尺寸所指示的目标容器宽参数，确定目标图片宽参数；根据所述初始子图标和所述初始容器之间的尺寸比例关系、以及所述目标容器的尺寸所指示的目标容器高参数，确定目标图片高参数；
基于所述目标图片宽参数和所述目标图片高参数，对所述初始合并背景图片进行同步缩放处理，得到目标合并背景图片。7.根据权利要求6所述的方法，其特征在于，所述基于所述目标图片宽参数和所述目标图片高参数，对所述初始合并背景图片进行同步缩放处理，得到目标合并背景图片，包括：根据所述目标图片宽参数和所述初始合并背景图片的初始图片宽参数，确定横向缩放比例；根据所述目标图片高参数和所述初始合并背景图片的初始图片高参数，确定纵向缩放比例；基于所述横向缩放比例和所述纵向缩放比例，对所述初始合并背景图片进行同步缩放处理，得到目标合并背景图片。8.根据权利要求1所述的方法，其特征在于，所述获取所述初始合并背景图片与所述初始容器之间的偏移比例，包括：获取所述初始合并背景图片的初始图片参数、所述初始子图标相对所述初始合并背景图片的初始偏移距离和所述初始容器的初始容器参数；根据所述初始图片参数、所述初始偏移距离和所述初始容器参数，确定所述初始合并背景图片与所述初始容器之间的偏移比例。9.根据权利要求8所述的方法，其特征在于，所述初始图片参...

【专利技术属性】
技术研发人员：梁宇轩，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：