CN108196755B - 背景图片显示方法及装置 - Google Patents

Abstract

本发明公开了一种背景图片显示方法及装置，属于应用技术领域。方法包括：当接收到缩放指令时，对第一应用窗口进行缩放，得到第二应用窗口；当第一应用窗口中背景图片的宽高比例等于第二应用窗口的宽高比例时，获取第二应用窗口中各个功能区域的显示位置和背景图片的目标缩放比例；在第二应用窗口中各个功能区域的显示位置上，按照目标缩放比例显示背景图片中各个功能区域对应的图片块。本发明能够实现在缩放后的应用窗口中显示等比例缩放后的背景图片，使得背景图片能够适配缩放后的应用窗口，保证背景图片中的主题元素在缩放后的窗口中能够完整的展现出来，提高了背景图片的显示效果。

Description

背景图片显示方法及装置

技术领域

本发明涉及网络技术领域，尤其涉及一种背景图片显示方法及装置。

背景技术

随着浏览器的发展，越来越多的用户使用浏览器来搜索信息。漂亮的浏览器外观是吸引用户的一个重要因素，其中，换肤是外观展现中最重要的一个功能，浏览器可以通过换肤来显示背景图片，从而美化浏览器的外观。

目前，浏览器显示背景图片的方法如下：用户可以在终端上对浏览器进行操作，触发终端显示浏览器的换肤页面，用户可以在该换肤页面中选择自己喜欢的背景图片。终端可以将用户选择的背景图片获取为待显示的背景图片，根据浏览器最大化窗口的尺寸(包括宽度和高度)，对该背景图片进行裁切、缩放后存入内存，使得背景图片的尺寸等于浏览器最大化窗口的尺寸，然后根据浏览器窗口的各个功能区域(如页面显示区域、状态栏、任务栏等)的尺寸，分别计算各个功能区域绘制背景图片时的起始像素点和结束像素点，之后各个功能区域依次将内存中的背景图片从其对应的起始像素点开始绘制，直至结束像素点结束绘制，以形成浏览器窗口中的背景图片。

在实现本发明的过程中，发明人发现相关技术至少存在以下问题：

上述技术中根据浏览器最大化时的窗口尺寸，来固定设置背景图片的尺寸，如果用户对当前浏览器窗口进行缩放操作，使得窗口尺寸小于背景图片尺寸，则会由于内存中存储的背景图片的尺寸是固定的，导致背景图片在缩放后的浏览器窗口中只能显示背景图片某一部分，使得背景图片的显示效果差。

发明内容

本发明实施例提供了一种背景图片显示方法及装置，可以解决相关技术显示效果差的问题。所述技术方案如下：

一方面，提供了一种背景图片显示方法，所述方法包括：

当接收到缩放指令时，对第一应用窗口进行缩放，得到第二应用窗口；

当所述第一应用窗口中背景图片的宽高比例等于所述第二应用窗口的宽高比例时，获取所述第二应用窗口中各个功能区域的显示位置和所述背景图片的目标缩放比例，所述目标缩放比例用于将所述背景图片缩放至与所述第二应用窗口相同的尺寸；

在所述第二应用窗口中所述各个功能区域的显示位置上，按照所述目标缩放比例显示所述背景图片中所述各个功能区域对应的图片块。

一方面，提供了一种背景图片显示装置，所述装置包括：

缩放模块，用于当接收到缩放指令时，对第一应用窗口进行缩放，得到第二应用窗口；

获取模块，用于当所述第一应用窗口中背景图片的宽高比例等于所述第二应用窗口的宽高比例时，获取所述第二应用窗口中各个功能区域的显示位置和所述背景图片的目标缩放比例，所述目标缩放比例用于将所述背景图片缩放至与所述第二应用窗口相同的尺寸；

显示模块，用于在所述第二应用窗口中所述各个功能区域的显示位置上，按照所述目标缩放比例显示所述背景图片中所述各个功能区域对应的图片块。

一方面，提供了一种终端，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、至少一段程序、代码集或指令集由所述处理器加载并执行以实现上述背景图片显示方法所执行的操作。

一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、至少一段程序、代码集或指令集由处理器加载并执行以实现如上述背景图片显示方法所执行的操作。

本发明实施例提供的技术方案带来的有益效果是：

通过在缩放应用窗口后，获取背景图片需要缩放的比例，进而在缩放后的应用窗口中各个功能区域的显示位置上，按照该比例显示背景图片中的图片块，从而实现在缩放后的应用窗口中显示等比例缩放后的背景图片，使得背景图片能够适配缩放后的应用窗口，保证背景图片中的主题元素在缩放后的窗口中能够完整的展现出来，提高了背景图片的显示效果。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种背景图片显示方法的实施环境示意图；

图2是本发明实施例提供的一种背景图片显示方法的流程图；

图3是本发明实施例提供的一种背景图片显示方法的流程图；

图4是本发明实施例提供的一种浏览器窗口的示意图；

图5是本发明实施例提供的一种浏览器窗口的实际界面显示图；

图6是本发明实施例提供的一种背景图片和第二浏览器窗口的示意图；

图7是本发明实施例提供的一种背景图片和第二浏览器窗口的实际界面显示图；

图8是本发明实施例提供的一种背景图片和第二浏览器窗口的示意图；

图9是本发明实施例提供的一种背景图片和第二浏览器窗口的实际界面显示图；

图10是本发明实施例提供的一种背景图片显示方法的流程图；

图11是本发明实施例提供的一种换肤页面的示意图；

图12是本发明实施例提供的一种换肤页面的实际界面显示图；

图13是相关技术中提供的一种浏览器壁纸的示意图；

图14是相关技术中提供的一种浏览器壁纸的实际界面显示图；

图15是本发明实施例提供的一种浏览器全屏壁纸的示意图；

图16是本发明实施例提供的一种浏览器全屏壁纸的实际界面显示图；

图17是相关技术中提供的一种在缩放后的浏览器窗口中显示背景图片的示意图；

图18是相关技术中提供的一种在缩放后的浏览器窗口中显示背景图片的实际界面显示图；

图19是本发明实施例提供的一种在缩放后的浏览器窗口中显示背景图片的示意图；

图20是本发明实施例提供的一种在缩放后的浏览器窗口中显示背景图片的实际界面显示图；

图21是本发明实施例提供的一种背景图片显示装置的结构示意图；

图22是本发明实施例提供的一种背景图片显示装置的结构示意图；

图23是本发明实施例提供的一种终端2300的结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

图1是本发明实施例提供的一种背景图片显示方法的实施环境示意图，参见图1，该实施环境中可以包括：

至少一个服务器101和至少一个终端102。其中，服务器101用于为终端102提供服务，如网页服务等，具体地，服务器101可以通过终端102所安装的应用(如浏览器)向终端提供服务。该终端102用于运行服务器101所提供的应用，并基于应用实现各种功能。另外，该服务器101还可以配置至少一个数据库，如，用户数据库等等。该用户数据库用于存储该服务器101所服务的用户的用户名、密码以及用户关系链等个人数据。

图2是本发明实施例提供的一种背景图片显示方法的流程图。该方法由终端执行，参见图2，该方法包括：

201、当接收到缩放指令时，对第一应用窗口进行缩放，得到第二应用窗口。

本发明实施例中，第一应用窗口和第二应用窗口是同一个应用的窗口。第一应用器窗口可以是应用的最大化窗口，也可以是进行任一缩放比例的缩放操作后得到的窗口，第二应用窗口是终端对第一应用窗口进行缩放后得到的窗口。

该缩放指令可以是等比例缩放指令，则终端在接收到该等比例缩放指令时，可以对第一应用窗口进行等比例缩放，得到与第一应用窗口的宽高比例相同的第二应用窗口。

当然，该缩放指令也可以是宽度缩放指令，则终端在接收到该宽度缩放指令时，可以对第一应用窗口的宽度进行缩放，得到与第一应用窗口的宽度不同的第二应用窗口。该缩放指令还可以是高度缩放指令，则终端在接收到该高度缩放指令时，可以对第一应用窗口的高度进行缩放，得到与第一应用窗口的高度不同的第二应用窗口。

202、当该第一应用窗口中背景图片的宽高比例等于该第二应用窗口的宽高比例时，获取该第二应用窗口中各个功能区域的显示位置和该背景图片的目标缩放比例，该目标缩放比例用于将该背景图片缩放至与该第二应用窗口相同的尺寸。

其中，背景图片是在应用的整个应用窗口中显示为背景的图片，当一张图片被设置为应用窗口的背景时，可以在该应用窗口的各个功能区域中对应显示该背景图片的相应部分，该背景图片还可以称为壁纸。

本发明实施例中，应用窗口可以分为多个功能区域。第一应用窗口中显示的背景图片的图片尺寸是指该背景图片的原始尺寸，例如，终端可以从本地存储的配置文件中获取应用的背景配置信息，包括背景图片的原始尺寸等属性信息。

203、在该第二应用窗口中该各个功能区域的显示位置上，按照该目标缩放比例显示该背景图片中该各个功能区域对应的图片块。

本发明实施例中，终端可以在第二应用窗口中不同功能区域的显示位置上分别绘制背景图片中的不同图片块。

本发明实施例提供的方法，通过在缩放应用窗口后，获取背景图片需要缩放的比例，进而在缩放后的应用窗口中各个功能区域的显示位置上，按照该比例显示背景图片中的图片块，从而实现在缩放后的应用窗口中显示等比例缩放后的背景图片，使得背景图片能够适配缩放后的应用窗口，保证背景图片中的主题元素在缩放后的窗口中能够完整的展现出来，提高了背景图片的显示效果。

在一种可能实现方式中，该获取该背景图片的目标缩放比例，包括：

将该第二应用窗口的高度与该背景图片的高度的比例获取为该目标缩放比例；或，

将该第二应用窗口的宽度与该背景图片的宽度的比例获取为该目标缩放比例。

本发明实施例提供的方法，由于第二应用窗口的宽高比例和背景图片的宽高比例相同，因而既可以将它们的高度比例获取为目标缩放比例，也可以将它们的宽度比例获取为目标缩放比例，提供了两种获取目标缩放比例的实现方式。

在一种可能实现方式中，该在该第二应用窗口中该各个功能区域的显示位置上，按照该目标缩放比例显示该背景图片中该各个功能区域对应的图片块，包括：

按照该目标缩放比例，对该第二应用窗口中该各个功能区域的第一顶点坐标进行缩放，得到该各个功能区域对应的第二顶点坐标；

在该背景图片中，基于该各个功能区域对应的第二顶点坐标，确定该各个功能区域对应的图片块；

在该各个功能区域的显示位置上，按照该目标缩放比例，绘制该各个功能区域对应的图片块，以进行显示。

其中，第一顶点坐标与第二顶点坐标之间的比例为目标缩放比例。各个功能区域的尺寸与各个功能区域对应的图片块的尺寸之间的比例为目标缩放比例。

本发明实施例提供的方法，通过根据缩放比例和各个功能区域的第一顶点坐标确定各个功能区域对应的图片块，进而在绘制过程中对图片块进行缩放。终端在第二应用窗口中的所有功能区域绘制完对应的图片块后，即得到了在第二应用窗口中显示的背景图片，提供了一种在第二应用窗口中显示背景图片的方式。

在一种可能实现方式中，该在该第二应用窗口中该各个功能区域的显示位置上，按照该目标缩放比例显示该背景图片中该各个功能区域对应的图片块，包括：

根据该目标缩放比例，对该背景图片进行缩放，得到缩放后的背景图片；

在该缩放后的背景图片中，基于该各个功能区域的第一顶点坐标，确定该各个功能区域对应的图片块；

在该各个功能区域的显示位置上，绘制该各个功能区域对应的图片块，以进行显示。

本发明实施例提供的方法，通过先将背景图片进行缩放，使得缩放后的背景图片与第二应用窗口的尺寸相同后，再将各个功能区域对应的图片块进行绘制，终端在第二应用窗口中的所有功能区域绘制完对应的图片块后，即得到了在第二应用窗口中显示的背景图片，提供了一种在第二应用窗口中显示背景图片的方式。

在一种可能实现方式中，该当接收到缩放指令时，对第一应用窗口进行缩放，得到第二应用窗口之后，该方法还包括：

当该第一应用窗口中背景图片的宽高比例大于该第二应用窗口的宽高比例时，从该背景图片中确定第一目标区域，该第一目标区域的高度与该背景图片的高度相同且该第一目标区域的宽高比例与该第二应用窗口的宽高比例相同；

基于该第一目标区域执行获取显示位置和该第一目标区域的目标缩放比例以及显示过程。

本发明实施例提供的方法，在应用窗口缩放的时候，如果缩放后的应用窗口的宽度小于背景图片的宽度时，通过确定背景图片中与第二应用窗口宽高比例相同的第一目标区域，并在第二应用窗口中显示该第一目标区域，可以保证背景图片的主题元素能够完整的展现出来，提高显示效果。

在一种可能实现方式中，该当接收到缩放指令时，对第一应用窗口进行缩放，得到第二应用窗口之后，该方法还包括：

当该第一应用窗口中背景图片的宽高比例小于该第二应用窗口的宽高比例时，从该背景图片中确定第二目标区域，该第二目标区域的宽度与该背景图片的宽度相同且该第二目标区域的宽高比例与该第二应用窗口的宽高比例相同；

基于该第二目标区域执行获取显示位置和该第二目标区域的目标缩放比例以及显示过程。

本发明实施例提供的方法，通过在应用窗口缩放的时候，如果缩放后的应用窗口的高度小于背景图片的高度时，通过确定背景图片中与第二应用窗口宽高比例相同的第二目标区域，并在第二应用窗口中显示该第二目标区域，可以保证背景图片的主题元素能够完整的展现出来，提高显示效果。

上述所有可选技术方案，可以采用任意结合形成本发明的可选实施例，在此不再一一赘述。

下面以应用为浏览器为例，对本发明实施例提供的背景图片显示方法进行详细说明，其中，浏览器是指终端上安装的用于浏览网页的网页浏览器，背景图片是在浏览器的整个浏览器窗口中显示为背景的图片，当一张图片被设置为浏览器窗口的背景时，可以在该浏览器窗口的各个功能区域中对应显示该背景图片的相应部分。

图3是本发明实施例提供的一种背景图片显示方法的流程图。该方法由终端执行，参见图3，该方法包括：

301、当接收到缩放指令时，对第一浏览器窗口进行缩放，得到第二浏览器窗口。

其中，第一浏览器窗口可以是浏览器的最大化窗口，也可以是进行任一缩放比例的缩放操作后得到的窗口。

本发明实施例中，该缩放指令可以由用户的操作触发，例如，在终端显示第一浏览器窗口的过程中，用户可以对当前显示的第一浏览器窗口进行缩放操作，触发终端对第一浏览器窗口进行缩放的缩放指令。该缩放指令可以是等比例缩放指令，则终端在接收到该等比例缩放指令时，可以对第一浏览器窗口进行等比例缩放，得到与第一浏览器窗口的宽高比例相同的第二浏览器窗口。

当然，该缩放指令也可以是宽度缩放指令，则终端在接收到该宽度缩放指令时，可以对第一浏览器窗口的宽度进行缩放，得到与第一浏览器窗口的宽度不同的第二浏览器窗口。该缩放指令还可以是高度缩放指令，则终端在接收到该高度缩放指令时，可以对第一浏览器窗口的高度进行缩放，得到与第一浏览器窗口的高度不同的第二浏览器窗口。

由于终端对第一浏览器窗口进行了缩放，原本在第一浏览器窗口中显示的背景图片已经不能适配缩放得到的第二浏览器窗口，该不能适配是指背景图片的尺寸和浏览器窗口的尺寸不同，导致背景图片不能在浏览器窗口中完全显示。因而，终端需要将背景图片重新与缩放后的浏览器窗口进行适配，以使得背景图片可以在缩放后的浏览器窗口中完整的展现出来。

相应地，终端可以获取在第一浏览器窗口中显示的背景图片的图片尺寸，该图片尺寸是指该背景图片的原始尺寸，例如，终端可以从本地存储的配置文件中获取浏览器的背景配置信息，包括背景图片的原始尺寸等属性信息。例如，用户在浏览器的换肤页面中选择将该背景图片设置为浏览器窗口的背景图片时，终端可以根据该背景图片的URL(Uniform Resource Locator，统一资源定位符)地址获取到该背景图片的属性信息，并将该背景图片的属性信息存入该配置文件中。

本发明实施例中，终端可以根据背景图片的宽高比例与第二浏览器窗口的宽高比例之间的关系，采取相应的适配方案，使得背景图片在第二浏览器窗口中具有较好的显示效果。具体地，当背景图片的宽高比例等于第二浏览器窗口的宽高比例时，采取步骤302和步骤303所示的方案；当背景图片的宽高比例大于第二浏览器窗口的宽高比例时；采取步骤304和步骤305所示的方案，当背景图片的宽高比例小于第二浏览器窗口的宽高比例时，采取步骤306和步骤307所示的方案。

302、当该第一浏览器窗口中背景图片的宽高比例等于该第二浏览器窗口的宽高比例时，获取该第二浏览器窗口中各个功能区域的显示位置和该背景图片的目标缩放比例，该目标缩放比例用于将该背景图片缩放至与该第二浏览器窗口相同的尺寸。

本发明实施例中，浏览器窗口的功能区域可以分为两类，一类是浏览器窗口的框架区域，该框架区域可以包括至少一个区域，该框架区域所显示的内容与浏览器所访问的网页无关，是基于终端上的浏览器安装文件中的配置文件显示，另一类是浏览器窗口的网页区域，该网页区域用于显示浏览器所访问的网页。

参见图4和图5，图4是本发明实施例提供的一种浏览器窗口的示意图，图5是本发明实施例提供的一种浏览器窗口的实际界面显示图，如图4或图5所示，浏览器窗口包括区域1、区域2和区域3等三块区域。区域1和区域2属于浏览器的框架部分，区域3属于网页区域。全屏壁纸的实现依赖于上述区域1、区域2和区域3，由于这三块区域属于不同的功能区域，为了达到整体无缝拼接的效果，终端需要对这三块区域分开处理，即在不同的区域分别绘制背景图片中的不同图片块。本发明实施例仅以浏览器窗口包括图3所示的区域1、区域2和区域3为例进行说明，实际上，浏览器窗口也可以有其他的划分方式，本发明实施例对此不做限定。

如果背景图片的宽高比例等于第二浏览器窗口的宽高比例，这种情况下，等比例的放大或者缩小背景图片都可以保持原有比例，背景图片中的主题元素不会变形。因此，终端只需按照目标缩放比例，在第二浏览器窗口中各个区域的显示位置上绘制对应的图片块即可。因此，终端需要先获取该各个区域的显示位置和该目标缩放比例。

在一种可能实现方式中，终端可以通过各个功能区域的第一顶点坐标来定位该功能区域在第二浏览器窗口中的显示位置。该第二浏览器窗口中各个功能区域的第一顶点坐标可以通过以下方式获取：终端根据第二浏览器窗口中各个功能区域的尺寸和布局，确定各个功能区域的第一顶点坐标。各个功能区域的尺寸包括各个功能区域的宽度和高度，各个功能区域的布局是指各个功能区域的相对位置。

任一个功能区域的第一顶点坐标可以包括该功能区域的四个顶点坐标，用于指示该功能区域在第二浏览器窗口中的显示位置。当然，第一顶点坐标也可以只包括该功能区域的左上顶点坐标和右下顶点坐标，由于这两个点所构成的对角线可以指示一个区域，因此，该左上顶点坐标和右下顶点坐标可以用于指示该功能区域在第二浏览器窗口中的显示位置。本发明实施例对该第一顶点坐标不做具体限定，只要能定位功能区域在第二浏览器窗口中的显示位置即可，这种使用顶点坐标定位的方式实际上是一种绝对坐标定位的方式，使得终端可以明确地知晓第二浏览器窗口中各个功能区域的显示位置。

第一顶点坐标对应的坐标系的原点可以是第二浏览器窗口的左上顶点，以第一顶点坐标包括功能区域的左上顶点坐标和右下顶点坐标为例，如图4所示，区域1的左上顶点坐标可以为(0,0)、右下顶点坐标可以为(s,h)，表示区域1的宽度为s，高度为h；区域2的左上顶点坐标可以为(s,0)、右下顶点坐标可以为(w,r)，表示区域2的宽度为w-s，高度为r；区域3的左上顶点坐标可以为(s,r)、右下顶点坐标可以为(w,h)，表示区域3的宽度为w-s，高度为h-r。

由于背景图片的图片尺寸和第二浏览器窗口的尺寸可能不同，因此，终端在第二浏览器窗口中绘制背景图片时，还需要一个缩放比例参数ratio。这个参数ratio代表背景图片被绘制时所需要缩放的比例。在一种可能实现方式中，终端获取该背景图片的目标缩放比例，包括：将该第二浏览器窗口的高度与该背景图片的高度的比例获取为该目标缩放比例；或，终端将该第二浏览器窗口的宽度与该背景图片的宽度的比例获取为该目标缩放比例。例如，ratio＝width/image_w＝height/image_h。其中，width和height分别代表第二浏览器窗口的宽度和高度，image_w和image_h分别代表背景图片的宽度和高度。

例如，如果背景图片的图片尺寸是200*200，第二浏览器窗口的尺寸是100*100，此时ratio就是1/2，则代表需要将背景图片缩小两倍来绘制。如果背景图片的图片尺寸是100*200，浏览器窗口的尺寸是200*400，此时ratio就是2，则代表需要将背景图片放大两倍来绘制。

303、在该第二浏览器窗口中该各个功能区域的显示位置上，按照该目标缩放比例显示该背景图片中该各个功能区域对应的图片块。

本发明实施例中，终端可以在第二浏览器窗口中不同功能区域的显示位置上分别绘制背景图片中的不同图片块，由于背景图片的图片尺寸与第二浏览器窗口的尺寸不同，因此，终端可以将背景图片缩放绘制于第二浏览器窗口中，也即在第二浏览器窗口中各个功能区域的显示位置上，将各个功能区域对应的图片块进行缩放绘制。

针对缩放绘制的情况，终端在各个功能区域的显示位置上，显示各个功能区域对应的图片块的过程可以包括：终端按照该目标缩放比例，对该第二浏览器窗口中该各个功能区域的第一顶点坐标进行缩放，得到该各个功能区域对应的第二顶点坐标；在该背景图片中，基于该各个功能区域对应的第二顶点坐标，确定该各个功能区域对应的图片块；在该各个功能区域的显示位置上，按照该目标缩放比例，绘制该各个功能区域对应的图片块，以进行显示。

其中，第一顶点坐标与第二顶点坐标之间的比例为目标缩放比例。以第一顶点坐标包括功能区域的左上顶点坐标和右下顶点坐标为例，则第二顶点坐标包括图片块的左上顶点坐标和右下顶点坐标。

相应地，终端确定各个功能区域对应的图片块的过程可以包括：对于第二浏览器窗口中的每个功能区域，终端可以根据该功能区域的左上顶点坐标，确定背景图片中的第一像素点坐标，该功能区域的左上顶点坐标与该第一像素点坐标之间的比例为目标缩放比例；根据该功能区域的右下顶点坐标，确定背景图片中的第二像素点坐标，该功能区域的右下顶点坐标与该第二像素点坐标之间的比例为目标缩放比例，进而，终端可以将背景图片中以该第一像素点坐标为左上顶点坐标、以该第二像素点为右下顶点坐标的图片块获取为该功能区域对应的图片块。这样，各个功能区域的尺寸与各个功能区域对应的图片块的尺寸之间的比例为目标缩放比例，终端需要将背景图片中的图片块缩放绘制于对应的功能区域中。

其中，图片块的左上顶点坐标用于指示图片块的左上顶点在该背景图片中的显示位置，图片块的右下顶点坐标用于指示图片块的右下顶点在该背景图片中的显示位置。以整个背景图片的左上顶点为坐标原点，利用背景图片中像素点的坐标来定位像素点在整个背景图片中的位置，实际上是一种使用绝对坐标定位的方式，使得终端可以明确地知晓背景图片中各个图片块的显示位置。

以图4或图5中的区域1为例，如果目标缩放比例为1/2、区域1的左上顶点坐标为(0,0)、右下顶点坐标为(10,100)，则区域1对应背景图片中左上顶点坐标为(0,0)、右下顶点坐标为(20,200)的图片块。

以任一个功能区域为例，终端在该功能区域的显示位置上，按照目标缩放比例，绘制该功能区域对应的图片块的过程可以包括：终端可以调用***函数，将该功能区域的尺寸作为缩放绘制要得到的目标尺寸，将该图片块的尺寸作为缩放绘制前的尺寸，输入该***函数，使得该***函数将该图片块缩放绘制于对应的功能区域中。其中，该***函数可以基于插值算法构造，例如，该插值算法可以是双线性插值、双三次插值以及多相位插值等任一用于将图片进行缩放绘制的算法。

该情况是终端直接根据缩放比例和各个功能区域的第一顶点坐标确定各个功能区域对应的图片块，进而在绘制过程中对图片块进行缩放，例如，放大两倍来绘制或缩放两倍来绘制。终端在第二浏览器窗口中的所有功能区域绘制完对应的图片块后，即得到了在第二浏览器窗口中显示的背景图片。

实际上，终端也可以先将背景图片进行缩放，使得缩放后的背景图片与第二浏览器窗口的尺寸相同后，再将各个功能区域对应的图片块进行绘制。

针对先缩放后绘制的情况，终端在各个功能区域的显示位置上，显示各个功能区域对应的图片块的过程可以包括：根据该目标缩放比例，对该背景图片进行缩放，得到缩放后的背景图片；在该缩放后的背景图片中，基于该各个功能区域的第一顶点坐标，确定该各个功能区域对应的图片块；在该各个功能区域的显示位置上，绘制该各个功能区域对应的图片块，以进行显示。

这种情况下，终端同样可以通过调用***函数的方式实现背景图片的缩放，缩放后的背景图片的尺寸与第二浏览器窗口的尺寸相同。以第一顶点坐标包括功能区域的左上顶点坐标和右下顶点坐标为例，终端确定各个功能区域对应的图片块的过程可以包括：对于第二浏览器窗口中的每个功能区域，终端可以根据该功能区域的左上顶点坐标，确定背景图片中的第一像素点坐标，该功能区域的左上顶点坐标与该第一像素点坐标相同，根据该功能区域的右下顶点坐标，确定背景图片中的第二像素点坐标，该功能区域的右下顶点坐标与该第二像素点坐标相同，进而，终端可以将背景图片中以该第一像素点坐标为左上顶点坐标、以该第二像素点坐标为右下顶点坐标的图片块获取为该功能区域对应的图片块。这样，各个功能区域的尺寸与各个功能区域对应的图片块的尺寸相同，终端可以将背景图片中的图片块直接绘制于对应的功能区域中，而无需在绘制过程中进行缩放。

以图4或图5中的区域1为例，如果目标缩放比例为1/2，则终端可以先将背景图片缩小两倍，如果区域1的左上顶点坐标为(0,0)、右下顶点坐标为(10,100)，则区域1对应背景图片中左上顶点坐标为(0,0)、右下顶点坐标为(10,100)的图片块。由于缩放后的背景图片与第二浏览器窗口的尺寸相同，因而，第二浏览器窗口中各个功能区域的第一顶点坐标可以与背景图片中各个图片块的像素点坐标一一对应，使得各个功能区域可以将其对应的图片块按照一一对应的坐标进行绘制。

终端在各个功能区域中绘制对应的图片块时，终端可以先从第二浏览器窗口的(0,0)位置开始绘制区域1对应的图片块，(s,h)是区域1的右下顶点坐标，即表示这个区域的宽度是s，高度是h。然后绘制第二浏览器窗口的区域2，由于存在区域1，因此终端需要接着区域1的最右边开始绘制，即从第二浏览器窗口的(s,0)位置开始绘制区域2对应的图片块，区域2的右下顶点坐标是(w,r)，表示这个区域的宽度是w-s,高度是r。最后是绘制第二浏览器窗口的区域3，由于区域3偏移第二浏览器窗口的左上顶点s的宽度以及r的高度，因此，终端可以从浏览器窗口的(s,r)位置开始绘制区域3对应的图片块，(w,h)是区域3的右下顶点坐标，即表示这个区域的宽度是w-s，高度是h-r。

在浏览器窗口缩放的时候，如果缩放后的浏览器窗口尺寸较小，通过等比例的缩放背景图片，可以保持背景图片的宽高比例不变，从而达到不论浏览器窗口怎么样放大或缩小，任意长宽比下，浏览器窗口中都可以展现出不变形的、完整的背景图片，保证了背景图片的主题能够完整的展现出来。

需要说明的是，由于第二浏览器窗口中的网页区域不在浏览器的控制范围内，因此，终端需要服务器(提供网页服务的服务器)向终端返回该网页区域的相关数据后，终端才能根据该相关数据在该网页区域显示网页内容和图片内容。该相关数据包括网页数据(如网页源代码)和在该网页区域中显示的图片块的图片数据等。而为了让服务器明确网页区域需要显示的图片块，终端可以通过浏览器将该第二浏览器窗口的相关信息告知服务器，该相关信息可以包括第二浏览器窗口的尺寸信息、各个功能区域的尺寸信息以及缩放比例信息，使得服务器可以根据该相关信息确定网页区域在该第二浏览器窗口中的显示位置以及网页区域对应的图片块在背景图片中的位置，进而获取网页数据和对应图片块的图片数据。当然，该相关信息也可以仅包括网页区域对应的图片块在背景图片中的位置，使得服务器可以直接获取网页数据和对应图片块的图片数据。

例如，浏览器可以通过JavaScript扩展接口，使用Json字符串的方式将相关信息提供给服务器，Json字符串的格式如下：

{“sidebar_width”:s,”width”:w,”height”:h,”rebar_height”:r}

其中，sidebar_width代表的是区域1的宽度，width和height分别代表整个浏览器窗口的宽度和高度，rebar_height代表的是区域2的高度。

除了上述区域1的宽度、整个浏览器窗口的宽度和高度以及区域2的高度等，还需要另外两个参数image_w和image_h，其中，image_w代表背景图片的宽度，image_h代表背景图片的高度。由于浏览器窗体(即浏览器的框架区域)和网页区域使用相同格式的背景图片，并且服务器可以获取到背景图片的宽度和高度，例如，服务器可以根据背景图片的URL地址，获取背景图片的属性信息，包括背景图片的宽度和高度。因此，这两个参数可以不需要浏览器通过JavaScript扩展接口告知服务器。当然，由于背景图片的尺寸和浏览器窗口的尺寸不同，因而，为了服务器能够准确确定背景图片中网页区域对应的图片块，终端还需要通过浏览器将目标缩放比例提供给服务器。

浏览器将上述相关信息(包括区域1的宽度、整个浏览器窗口的宽度和高度、区域2的高度以及目标缩放比例)同步给服务器后，服务器可以根据该相关信息，确定网页区域在第二浏览器窗口中的显示位置以及背景图片中网页区域对应的图片块，具体确定过程与上述终端确定显示位置以及图片块的过程同理。

当然，终端也可以通过浏览器直接将网页区域对应的图片块在背景图片中的位置提供给服务器，使得服务器可以直接获取该网页区域对应的图片块的图片数据，并将该图片数据和该网页区域的网页数据返回给终端，使得终端可以直接根据该图片数据和网页数据，在该网页区域进行渲染或绘制，得到在该网页区域显示的图片块和网页内容。

上述步骤302至步骤303是针对第二浏览器窗口的宽高比例和背景图片的宽高比例相同的情况，终端可以在第二浏览器窗口中显示背景图片。该情况下，由于背景图片的左上顶点坐标为(0,0)，因而终端是在第二浏览器窗口中从背景图片的(0,0)位置开始绘制和展示。实际上，缩放后的第二浏览器窗口的宽高比例也可能和背景图片的宽高比例不同，这种情况下，终端无法通过等比例缩放将背景图片缩放至浏览器窗口的尺寸，如果非等比例缩放背景图片，则会导致背景图片变形，因而终端需要从背景图片中确定宽高比例与第二浏览器窗口的宽高比例相同的目标区域，对该目标区域进行绘制。具体过程参见后续步骤304至步骤305或步骤306至步骤307。

304、当该第一浏览器窗口中背景图片的宽高比例大于该第二浏览器窗口的宽高比例时，从该背景图片中确定第一目标区域，该第一目标区域的高度与该背景图片的高度相同且该第一目标区域的宽高比例与该第二浏览器窗口的宽高比例相同。

参见图6和图7，图6是本发明实施例提供的一种背景图片和第二浏览器窗口的示意图，图7是本发明实施例提供的一种背景图片和第二浏览器窗口的实际界面显示图，如图6或图7所示，image_w/image_h>width/height，表明背景图片相对于第二浏览器窗口太宽，终端需要确定背景图片中与第二浏览器窗口的宽高比例相同的第一目标区域。

该第一目标区域可以是背景图片中左边界偏离背景图片的左边界一定距离x，右边界偏离背景图片的右边界相同距离x的区域。这种情况下，该x的确定过程可以包括：以背景图片的宽度为image_w、高度为image_h，第二浏览器窗口的宽度为width、高度为height为例，第一目标区域的宽度为image_w-2x、高度为height，根据第一目标区域的宽高比例等于第二浏览器窗口的宽高比例，则存在以下关系式：(image_w-2x)/image_h＝width/height,可以求得x＝(height*image_w-width*image_h)/2*height。其中，“*”为乘法运算。

需要说明的是，考虑到背景图片中的主题元素可能不是处于背景图片的正中间，而是偏向于背景图片的左侧或右侧，为了尽可能使得主题元素可以在第二浏览器窗口中完整显示，第一目标区域的左边界和右边界也可以分别偏离背景图片中的左边界和右边界不同距离，例如，该第一目标区域可以是背景图片中左边界偏离背景图片左边界的距离为x1，右边界偏离背景图片右边界的距离为x2的区域，该x1和x2的取值可以均大于0，也可以其中一个等于0，另一个大于0。

根据第一目标区域的宽高比例等于第二浏览器窗口的宽高比例，则存在以下关系式：(image_w-x1-x2)/image_h＝width/height，可以求得x1+x2＝(height*image_w-width*image_h)/*height。这种情况下，终端可以利用图片识别技术，对背景图片中的主题元素进行识别，得到主题元素所在区域的宽度和高度，从而确定该距离x1和x2的具体取值，使得第一目标区域不仅宽度比例与第二浏览器窗口相同，第一目标区域中还可以包含背景图片中完整的主题元素，保证背景图片中的主题元素可以最终在第二浏览器窗口中完整的展现出来，提高背景图片的显示效果。

305、基于该第一目标区域执行获取显示位置和该第一目标区域的目标缩放比例以及显示过程。

本发明实施例中，由于背景图片中第一目标区域的宽高比例与第二浏览器窗口的宽高比例相同，这样就回到了上述步骤302提到的相同比例的处理方式，那么终端继续按照相同比例的处理方式进行处理，处理过程包括：获取该第二浏览器窗口中各个功能区域的显示位置和该第一目标区域的目标缩放比例，该目标缩放比例用于将该第一目标区域缩放至与该第二浏览器窗口相同的尺寸；在该第二浏览器窗口中该各个功能区域的显示位置上，按照该目标缩放比例显示该第一目标区域中该各个功能区域对应的图片块。

通过基于第一目标区域，执行步骤302中获取各个功能区域的显示位置和该第一目标区域的目标缩放比例，以及步骤303中显示第一目标区域中各个图片块的过程，即可达到无缝对接，使得第一目标区域可以在缩放后的浏览器窗口中完全显示，并且不会使第一目标区域中的主题元素变形。

需要说明的是，在步骤302中缩放比例ratio＝width/image_w＝height/image_h，但是，现在由于背景图片中实际绘制的第一目标区域的宽度相比于背景图片的宽度发生了变化，而第一目标区域的高度相比于背景图片的高度未发生变化，因此，终端可以使用ratio＝height/image_h作为背景图片的缩放比例。

上述步骤304和步骤305是针对背景图片的宽高比例大于第二浏览器窗口的宽高比例的情况，终端可以在第二浏览器窗口中显示背景图片中的第一目标区域。该情况下，由于第一目标区域的左上顶点坐标为(x，0)，该(x，0)是指第一目标区域的左上顶点在背景图片中的显示位置为(x，0)，因而终端在第二浏览器窗口中从背景图片的(x，0)位置开始绘制和展示。在浏览器窗口缩放的时候，如果缩放后的浏览器窗口的宽度小于背景图片的宽度时，通过上述技术手段，可以保证背景图片的主题元素能够完整的展现出来，提高显示效果。

306、当该第一浏览器窗口中背景图片的宽高比例小于该第二浏览器窗口的宽高比例时，从该背景图片中确定第二目标区域，该第二目标区域的宽度与该背景图片的宽度相同且该第二目标区域的宽高比例与该第二浏览器窗口的宽高比例相同。

参见图8和图9，图8是本发明实施例提供的一种背景图片和第二浏览器窗口的示意图，图9是本发明实施例提供的一种背景图片和第二浏览器窗口的实际界面显示图，如图8或图9所示，image_w/image_h＜width/height，表明背景图片相对于第二浏览器窗口太高，终端需要确定背景图片中与第二浏览器窗口的宽高比例相同的第二目标区域。

该第二目标区域可以是背景图片中上边界偏离背景图片的上边界一定距离y，下边界偏离背景图片的下边界相同距离y的区域。这种情况下，该y的确定过程可以包括：以背景图片的宽度为image_w、高度为image_h，第二浏览器窗口的宽度为width、高度为height为例，第二目标区域的宽度为image_w、高度为height-2y，根据第二目标区域的宽高比例等于第二浏览器窗口的宽高比例，则image_w/(image_h-2y)＝width/height,可以求得y＝(w*image_h-height,*image_w)/2width。

需要说明的是，考虑到背景图片中的主题元素可能不是处于背景图片的正中间，而是偏向于背景图片的上侧或下侧，为了尽可能使得主题元素可以在第二浏览器窗口中完整显示，第二目标区域的上边界和下边界也可以分别偏离背景图片中的上边界和下边界不同距离，例如，该第二目标区域可以是背景图片中上边界偏离背景图片上边界的距离为y1，下边界偏离背景图片下边界的距离为y2的区域，该y1和y2的取值可以均大于0，也可以其中一个等于0，另一个大于0。

根据第二目标区域的宽高比例等于第二浏览器窗口的宽高比例，则image_w/(image_h-y1-y2)＝width/height，可以求得y1+y2＝(w*image_h-height,*image_w)/width。这种情况下，终端可以利用图片识别技术，对背景图片中的主题元素进行识别，得到主题元素所在区域的宽度和高度，从而确定该距离y 1和y 2的具体取值，使得第二目标区域不仅宽度比例与第二浏览器窗口相同，第二目标区域中还可以包含背景图片中完整的主题元素，保证背景图片中的主题元素可以最终在第二浏览器窗口中完整的展现出来，提高背景图片的显示效果。

307、基于该第二目标区域执行获取显示位置和该第二目标区域的目标缩放比例以及显示过程。

本发明实施例中，由于背景图片中第二目标区域的宽高比例与第二浏览器窗口的宽高比例相同，这样就回到了上述步骤302提到的相同比例的处理方式，那么终端继续按照相同比例的处理方式进行处理，处理过程包括：获取该第二浏览器窗口中各个功能区域的显示位置和该第二目标区域的目标缩放比例，该目标缩放比例用于将该第二目标区域缩放至与该第二浏览器窗口相同的尺寸；在该第二浏览器窗口中该各个功能区域的显示位置上，按照该目标缩放比例显示该第二目标区域中该各个功能区域对应的图片块。

通过基于第二目标区域，执行步骤302中获取各个功能区域的显示位置和该第二目标区域的目标缩放比例，以及步骤303中显示第二目标区域中各个图片块的过程，即可达到无缝对接，使得第二目标区域可以在缩放后的浏览器窗口中完全显示，并且不会使第二目标区域中的主题元素变形。

需要说明的是，在步骤302中缩放比例ratio＝width/image_w＝height/image_h，但是，现在由于背景图片中实际绘制的第二目标区域的高度相比于背景图片的高度发生了变化，而第二目标区域的宽度相比于背景图片的宽度未发生变化，因此，终端可以使用ratio＝width/image_w作为背景图片的缩放比例。

上述步骤306和步骤307是针对背景图片的宽高比例小于第二浏览器窗口的宽高比例的情况，终端可以在第二浏览器窗口中显示背景图片中的第二目标区域。该情况下，由于第二目标区域的左上顶点坐标为(0，y)，该(0，y)是指第二目标区域的左上顶点在背景图片中的显示位置为(0，y)，因而终端在第二浏览器窗口中从背景图片的(0，y)位置开始绘制和展示。

在浏览器窗口缩放的时候，如果缩放后的浏览器窗口的高度小于背景图片的高度，通过上述技术手段，可以保证背景图片的主题元素能够完整的展现出来，提高显示效果。

参见图10，图10是本发明实施例提供的一种背景图片显示方法的流程图，如图10所示，终端可以先判断第二浏览器窗口的宽高比例是否等于背景图片的宽高比例，如果是，则终端可以获取各个功能区域的显示位置，绘制背景图片，该过程对应上述步骤302至步骤303。如果否，则终端判断是需要绘制背景图片中的第一目标区域还是第二目标区域。

由于第一目标区域的左上顶点坐标为(x，0)，因而终端在第二浏览器窗口中绘制第一目标区域也即是偏移到背景图片的(x，0)位置，以该(x，0)位置为绘制起点，然后绘制第一目标区域。由于第二目标区域的左上顶点坐标为(0，y)，因而终端在第二浏览器窗口中绘制第二目标区域也即是偏移到背景图片的(0，y)位置，以该(0，y)位置为绘制起点，然后绘制第二目标区域。因此，终端判断是需要绘制背景图片中的第一目标区域还是第二目标区域，也即是判断是偏移宽度还是高度。如果确定绘制背景图片中的第一目标区域，也即是偏移宽度，则偏移到背景图片的(x，0)位置，然后绘制，该过程对应上述步骤304至步骤305；如果确定绘制背景图片中的第二目标区域，也即是偏移高度，则偏移到背景图片的(0，y)位置，然后绘制，该过程对应上述步骤306至步骤307。

终端在浏览器框架区域和网页区域使用上述技术方案对背景图片进行绘制，即可达到无缝对接的效果，无论浏览器窗口以任何比例放缩，都可以找到背景图片中与缩放后的浏览器窗口宽高比例相同的目标区域，即找到对应的偏移位置，从而展现背景图片的主题部分，实现全屏壁纸的效果。解决了在浏览器中多区域共用一张壁纸如何对齐的问题，同时在拉伸浏览器的时候不会使背景图片变形，使背景图片主题元素的相对位置不变。不论浏览器窗口以任何比例变化，都可以根据浏览器窗口的变化进行背景图片的实时适配，实现不变形的效果，提高了背景图片在浏览器窗口中的显示效果。

下面举出一种实际应用场景的示例，该示例中的壁纸即为背景图片，以更直观地体现本发明实施例提供的背景图片显示方案带来的效果，该方案在终端上安装的浏览器中使用。

在浏览器窗口缩放前，用户可以设置浏览器窗口中的壁纸，例如，用户可以在终端上对浏览器进行操作，触发终端显示浏览器的换肤页面。参见图11和图12，图11是本发明实施例提供的一种换肤页面的示意图，图12是本发明实施例提供的一种换肤页面的实际界面显示图，如图11或图12所示，该换肤页面中可以显示有多个壁纸皮肤，这些壁纸皮肤都可以作为浏览器窗口的背景图片。当用户在换肤页面切换全屏壁纸的时候，会切换到对应的壁纸皮肤中。例如，用户可以选取其中的一款壁纸皮肤，触发终端将用户选取的该壁纸皮肤设置为浏览器窗口的壁纸，设置完后，终端的浏览器窗口会呈现出全屏壁纸的效果。

参见图13至图16，图13是相关技术中提供的一种浏览器壁纸的示意图，图14是相关技术中提供的一种浏览器壁纸的实际界面显示图，图15是本发明实施例提供的一种浏览器全屏壁纸的示意图，图16是本发明实施例提供的一种浏览器全屏壁纸的实际界面显示图。可见，相比于图13或图14中仅在浏览器窗口的框架区域显示壁纸，图15或图16中的全屏壁纸是使用一整张壁纸铺满浏览器窗口，给人更强的视觉冲击。这种在浏览器窗口的框架区域和网页区域均显示壁纸的全屏壁纸显示方式，不但可以更换浏览器框架里面的皮肤壁纸，并且网页区域也是使用同样一张壁纸，可以使得网页区域不再显得单薄空洞。同时，设置的全屏壁纸可以都是IP(Intellectual Property，知识产权)相关的图片，这些图片用于传递与浏览器有合作关系的元素，例如，浏览器的代言明星、与浏览器属于同一运营商的热门游戏等，使用这种方式能更好的将元素内容传递给用户，加深用户印象，使用户更加喜爱浏览器的这一功能特性。

在浏览器窗口缩放后，浏览器窗口尺寸较小，通过等比例的缩放背景图片，也可以保证背景图片的主题能够完整的展现出来。参见图17至图20，图17是相关技术中提供的一种在缩放后的浏览器窗口中显示背景图片的示意图，图18是相关技术中提供的一种在缩放后的浏览器窗口中显示背景图片的实际界面显示图，图19是本发明实施例提供的一种在缩放后的浏览器窗口中显示背景图片的示意图，图20是本发明实施例提供的一种在缩放后的浏览器窗口中显示背景图片的实际界面显示图，可见，本发明实施例提供的技术手段，良好的展现了背景图片的主题部分，相对于相关技术中的方案，效果好很多。

本发明实施例提供的方法，通过在缩放浏览器窗口后，获取背景图片需要缩放的比例，进而在缩放后的浏览器窗口中各个功能区域的显示位置上，按照该比例显示背景图片中的图片块，从而实现在缩放后的浏览器窗口中显示等比例缩放后的背景图片，使得背景图片能够适配缩放后的浏览器窗口，保证背景图片中的主题元素在缩放后的窗口中能够完整的展现出来，提高了背景图片的显示效果。

图21是本发明实施例提供的一种背景图片显示装置的结构示意图。参照图21，该装置包括：

缩放模块2101，用于当接收到缩放指令时，对第一应用窗口进行缩放，得到第二应用窗口；

获取模块2102，用于当所述第一应用窗口中背景图片的宽高比例等于所述第二应用窗口的宽高比例时，获取所述第二应用窗口中各个功能区域的显示位置和所述背景图片的目标缩放比例，所述目标缩放比例用于将所述背景图片缩放至与所述第二应用窗口相同的尺寸；

显示模块2103，用于在所述第二应用窗口中所述各个功能区域的显示位置上，按照所述目标缩放比例显示所述背景图片中所述各个功能区域对应的图片块。

可选地，所述获取模块2102，用于将所述第二应用窗口的高度与所述背景图片的高度的比例获取为所述目标缩放比例；或，

所述获取模块2102，用于将所述第二应用窗口的宽度与所述背景图片的宽度的比例获取为所述目标缩放比例。

可选地，所述显示模块2103，用于按照所述目标缩放比例，对所述第二应用窗口中所述各个功能区域的第一顶点坐标进行缩放，得到所述各个功能区域对应的第二顶点坐标；在所述背景图片中，基于所述各个功能区域对应的第二顶点坐标，确定所述各个功能区域对应的图片块；在所述各个功能区域的显示位置上，按照所述目标缩放比例，绘制所述各个功能区域对应的图片块，以进行显示。

可选地，所述显示模块2103，用于根据所述目标缩放比例，对所述背景图片进行缩放，得到缩放后的背景图片；在所述缩放后的背景图片中，基于所述各个功能区域的第一顶点坐标，确定所述各个功能区域对应的图片块；在所述各个功能区域的显示位置上，绘制所述各个功能区域对应的图片块，以进行显示。

可选地，参见图22，所述装置还包括：

确定模块2104，用于当所述第一应用窗口中背景图片的宽高比例大于所述第二应用窗口的宽高比例时，从所述背景图片中确定第一目标区域，所述第一目标区域的高度与所述背景图片的高度相同且所述第一目标区域的宽高比例与所述第二应用窗口的宽高比例相同；

所述获取模块2102，还用于基于所述第一目标区域执行获取显示位置和所述第一目标区域的目标缩放比例的过程；

所述显示模块2103，还用于基于所述第一目标区域执行显示过程。

可选地，所述确定模块2104，还用于当所述第一应用窗口中背景图片的宽高比例小于所述第二应用窗口的宽高比例时，从所述背景图片中确定第二目标区域，所述第二目标区域的宽度与所述背景图片的宽度相同且所述第二目标区域的宽高比例与所述第二应用窗口的宽高比例相同；

所述获取模块2102，还用于基于所述第二目标区域执行获取显示位置和所述第二目标区域的目标缩放比例的过程；

所述显示模块2103，还用于基于所述第一目标区域执行显示过程。

本发明实施例提供的装置，通过在缩放应用窗口后，获取背景图片需要缩放的比例，进而在缩放后的应用窗口中各个功能区域的显示位置上，按照该比例显示背景图片中的图片块，从而实现在缩放后的应用窗口中显示等比例缩放后的背景图片，使得背景图片能够适配缩放后的应用窗口，保证背景图片中的主题元素在缩放后的窗口中能够完整的展现出来，提高了背景图片的显示效果。

需要说明的是：上述实施例提供的背景图片显示装置在显示背景图片时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的背景图片显示装置与背景图片显示方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

图23是本发明实施例提供的一种终端2300的结构示意图。该终端2300可以是：智能手机、平板电脑、MP3播放器(Moving Picture Experts Group AudioLayer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端2300还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，终端2300包括有：处理器2301和存储器2302。

处理器2301可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器2301可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器2301也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器2301可以在集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器2301还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器2302可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器2302还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器2302中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器2301所执行以实现本申请中方法实施例提供的背景图片显示方法。

在一些实施例中，终端2300还可选包括有：***设备接口2303和至少一个***设备。处理器2301、存储器2302和***设备接口2303之间可以通过总线或信号线相连。各个***设备可以通过总线、信号线或电路板与***设备接口2303相连。具体地，***设备包括：射频电路2304、显示屏2305、摄像头2306、音频电路2307、定位组件2308和电源2309中的至少一种。

***设备接口2303可被用于将I/O(Input/Output，输入/输出)相关的至少一个***设备连接到处理器2301和存储器2302。在一些实施例中，处理器2301、存储器2302和***设备接口2303被集成在同一芯片或电路板上；在一些其他实施例中，处理器2301、存储器2302和***设备接口2303中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。

射频电路2304用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路2304通过电磁信号与通信网络以及其他通信设备进行通信。射频电路2304将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路2304包括：天线***、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路2304可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于：城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity，无线保真)网络。在一些实施例中，射频电路2304还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本申请对此不加以限定。

显示屏2305用于显示UI(UserInterface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏2305是触摸显示屏时，显示屏2305还具有采集在显示屏2305的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器2301进行处理。此时，显示屏2305还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏2305可以为一个，设置终端2300的前面板；在另一些实施例中，显示屏2305可以为至少两个，分别设置在终端2300的不同表面或呈折叠设计；在再一些实施例中，显示屏2305可以是柔性显示屏，设置在终端2300的弯曲表面上或折叠面上。甚至，显示屏2305还可以设置成非矩形的不规则图形，也即异形屏。显示屏2305可以采用LCD(Liquid Crystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。

摄像头组件2306用于采集图像或视频。可选地，摄像头组件2306包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端的前面板，后置摄像头设置在终端的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件2306还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。

音频电路2307可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器2301进行处理，或者输入至射频电路2304以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端2300的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器2301或射频电路2304的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路2307还可以包括耳机插孔。

定位组件2308用于定位终端2300的当前地理位置，以实现导航或LBS(LocationBased Service，基于位置的服务)。定位组件2308可以是基于美国的GPS(GlobalPositioning System，全球定位***)、中国的北斗***、俄罗斯的格雷纳斯***或欧盟的伽利略***的定位组件。

电源2309用于为终端2300中的各个组件进行供电。电源2309可以是交流电、直流电、一次性电池或可充电电池。当电源2309包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。

在一些实施例中，终端2300还包括有一个或多个传感器2310。该一个或多个传感器2310包括但不限于：加速度传感器2311、陀螺仪传感器2312、压力传感器2313、指纹传感器2314、光学传感器2315以及接近传感器2316。

加速度传感器2311可以检测以终端2300建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器2311可以用于检测重力加速度在三个坐标轴上的分量。处理器2301可以根据加速度传感器2311采集的重力加速度信号，控制触摸显示屏2305以横向视图或纵向视图进行用户界面的显示。加速度传感器2311还可以用于游戏或者用户的运动数据的采集。

陀螺仪传感器2312可以检测终端2300的机体方向及转动角度，陀螺仪传感器2312可以与加速度传感器2311协同采集用户对终端2300的3D动作。处理器2301根据陀螺仪传感器2312采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器2313可以设置在终端2300的侧边框和/或触摸显示屏2305的下层。当压力传感器2313设置在终端2300的侧边框时，可以检测用户对终端2300的握持信号，由处理器2301根据压力传感器2313采集的握持信号进行左右手识别或快捷操作。当压力传感器2313设置在触摸显示屏2305的下层时，由处理器2301根据用户对触摸显示屏2305的压力操作，实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

指纹传感器2314用于采集用户的指纹，由处理器2301根据指纹传感器2314采集到的指纹识别用户的身份，或者，由指纹传感器2314根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器2301授权该用户执行相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器2314可以被设置终端2300的正面、背面或侧面。当终端2300上设置有物理按键或厂商Logo时，指纹传感器2314可以与物理按键或厂商Logo集成在一起。

光学传感器2315用于采集环境光强度。在一个实施例中，处理器2301可以根据光学传感器2315采集的环境光强度，控制触摸显示屏2305的显示亮度。具体地，当环境光强度较高时，调高触摸显示屏2305的显示亮度；当环境光强度较低时，调低触摸显示屏2305的显示亮度。在另一个实施例中，处理器2301还可以根据光学传感器2315采集的环境光强度，动态调整摄像头组件2306的拍摄参数。

接近传感器2316，也称距离传感器，通常设置在终端2300的前面板。接近传感器2316用于采集用户与终端2300的正面之间的距离。在一个实施例中，当接近传感器2316检测到用户与终端2300的正面之间的距离逐渐变小时，由处理器2301控制触摸显示屏2305从亮屏状态切换为息屏状态；当接近传感器2316检测到用户与终端2300的正面之间的距离逐渐变大时，由处理器2301控制触摸显示屏2305从息屏状态切换为亮屏状态。

本领域技术人员可以理解，图23中示出的结构并不构成对终端2300的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

在示例性实施例中，还提供了一种计算机可读存储介质，例如包括至少一条指令、至少一段程序、代码集或指令集的存储器，上述至少一条指令、至少一段程序、代码集或指令集可由处理器加载并执行以完成上述图2或图3对应的实施例中的背景图片显示方法。例如，计算机可读存储介质可以是只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random-Access Memory，RAM)、只读光盘(Compact Disc Read-Only Memory，CD-ROM)、磁带、软盘和光数据存储设备等。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，该程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (14)

1.一种背景图片显示方法，其特征在于，所述方法包括：

当接收到缩放指令时，对第一应用窗口进行缩放，得到第二应用窗口；

当所述第一应用窗口中背景图片的宽高比例等于所述第二应用窗口的宽高比例时，获取所述第二应用窗口中各个功能区域的显示位置和所述背景图片的目标缩放比例，所述目标缩放比例用于将所述背景图片缩放至与所述第二应用窗口相同的尺寸，所述第二应用窗口的功能区域包括所述第二应用窗口的框架区域和所述第二应用窗口的网页区域；

在所述第二应用窗口中所述各个功能区域的显示位置上，按照所述目标缩放比例显示所述背景图片中所述各个功能区域对应的图片块；

所述在所述第二应用窗口中所述各个功能区域的显示位置上，按照所述目标缩放比例显示所述背景图片中所述各个功能区域对应的图片块，包括：

将所述第二应用窗口的相关信息发送至服务器，所述相关信息包括所述第二应用窗口的尺寸信息、所述各个功能区域的尺寸信息以及所述目标缩放比例，或者所述相关信息包括所述网页区域对应的图片块在所述背景图片中的位置；所述服务器用于根据所述相关信息返回所述网页区域的相关数据，所述相关数据包括网页数据和与所述网页区域对应的图片块的图片数据；

根据所述相关数据在所述网页区域显示网页内容和图片内容。

2.根据权利要求1所述的方法，其特征在于，所述获取所述背景图片的目标缩放比例，包括：

将所述第二应用窗口的高度与所述背景图片的高度的比例获取为所述目标缩放比例；或，

将所述第二应用窗口的宽度与所述背景图片的宽度的比例获取为所述目标缩放比例。

3.根据权利要求1所述的方法，其特征在于，所述在所述第二应用窗口中所述各个功能区域的显示位置上，按照所述目标缩放比例显示所述背景图片中所述各个功能区域对应的图片块，包括：

按照所述目标缩放比例，对所述第二应用窗口中所述各个功能区域的第一顶点坐标进行缩放，得到所述各个功能区域对应的第二顶点坐标；

在所述背景图片中，基于所述各个功能区域对应的第二顶点坐标，确定所述各个功能区域对应的图片块；

在所述各个功能区域的显示位置上，按照所述目标缩放比例，绘制所述各个功能区域对应的图片块，以进行显示。

4.根据权利要求1所述的方法，其特征在于，所述在所述第二应用窗口中所述各个功能区域的显示位置上，按照所述目标缩放比例显示所述背景图片中所述各个功能区域对应的图片块，包括：

根据所述目标缩放比例，对所述背景图片进行缩放，得到缩放后的背景图片；

在所述缩放后的背景图片中，基于所述各个功能区域的第一顶点坐标，确定所述各个功能区域对应的图片块；

在所述各个功能区域的显示位置上，绘制所述各个功能区域对应的图片块，以进行显示。

5.根据权利要求1所述的方法，其特征在于，所述当接收到缩放指令时，对第一应用窗口进行缩放，得到第二应用窗口之后，所述方法还包括：

当所述第一应用窗口中背景图片的宽高比例大于所述第二应用窗口的宽高比例时，从所述背景图片中确定第一目标区域，所述第一目标区域的高度与所述背景图片的高度相同且所述第一目标区域的宽高比例与所述第二应用窗口的宽高比例相同；

基于所述第一目标区域执行获取显示位置和所述第一目标区域的目标缩放比例以及显示过程。

6.根据权利要求1所述的方法，其特征在于，所述当接收到缩放指令时，对第一应用窗口进行缩放，得到第二应用窗口之后，所述方法还包括：

当所述第一应用窗口中背景图片的宽高比例小于所述第二应用窗口的宽高比例时，从所述背景图片中确定第二目标区域，所述第二目标区域的宽度与所述背景图片的宽度相同且所述第二目标区域的宽高比例与所述第二应用窗口的宽高比例相同；

基于所述第二目标区域执行获取显示位置和所述第二目标区域的目标缩放比例以及显示过程。

7.一种背景图片显示装置，其特征在于，所述装置包括：

缩放模块，用于当接收到缩放指令时，对第一应用窗口进行缩放，得到第二应用窗口；

获取模块，用于当所述第一应用窗口中背景图片的宽高比例等于所述第二应用窗口的宽高比例时，获取所述第二应用窗口中各个功能区域的显示位置和所述背景图片的目标缩放比例，所述目标缩放比例用于将所述背景图片缩放至与所述第二应用窗口相同的尺寸，所述第二应用窗口的功能区域包括所述第二应用窗口的框架区域和所述第二应用窗口的网页区域；

显示模块，用于在所述第二应用窗口中所述各个功能区域的显示位置上，按照所述目标缩放比例显示所述背景图片中所述各个功能区域对应的图片块；

所述显示模块，还用于将所述第二应用窗口的相关信息发送至服务器，所述相关信息包括所述第二应用窗口的尺寸信息、所述各个功能区域的尺寸信息以及所述目标缩放比例，或者所述相关信息包括所述网页区域对应的图片块在所述背景图片中的位置；所述服务器用于根据所述相关信息返回所述网页区域的相关数据，所述相关数据包括网页数据和与所述网页区域对应的图片块的图片数据；

所述显示模块，还用于根据所述相关数据在所述网页区域显示网页内容和图片内容。

8.根据权利要求7所述的装置，其特征在于，所述获取模块，用于将所述第二应用窗口的高度与所述背景图片的高度的比例获取为所述目标缩放比例；或，

所述获取模块，用于将所述第二应用窗口的宽度与所述背景图片的宽度的比例获取为所述目标缩放比例。

9.根据权利要求7所述的装置，其特征在于，所述显示模块，用于按照所述目标缩放比例，对所述第二应用窗口中所述各个功能区域的第一顶点坐标进行缩放，得到所述各个功能区域对应的第二顶点坐标；在所述背景图片中，基于所述各个功能区域对应的第二顶点坐标，确定所述各个功能区域对应的图片块；在所述各个功能区域的显示位置上，按照所述目标缩放比例，绘制所述各个功能区域对应的图片块，以进行显示。

10.根据权利要求7所述的装置，其特征在于，所述显示模块，用于根据所述目标缩放比例，对所述背景图片进行缩放，得到缩放后的背景图片；在所述缩放后的背景图片中，基于所述各个功能区域的第一顶点坐标，确定所述各个功能区域对应的图片块；在所述各个功能区域的显示位置上，绘制所述各个功能区域对应的图片块，以进行显示。

11.根据权利要求7所述的装置，其特征在于，所述装置还包括：

确定模块，用于当所述第一应用窗口中背景图片的宽高比例大于所述第二应用窗口的宽高比例时，从所述背景图片中确定第一目标区域，所述第一目标区域的高度与所述背景图片的高度相同且所述第一目标区域的宽高比例与所述第二应用窗口的宽高比例相同；

所述获取模块，还用于基于所述第一目标区域执行获取显示位置和所述第一目标区域的目标缩放比例的过程；

所述显示模块，还用于基于所述第一目标区域执行显示过程。

12.根据权利要求7所述的装置，其特征在于，所述装置还包括：

确定模块，用于当所述第一应用窗口中背景图片的宽高比例小于所述第二应用窗口的宽高比例时，从所述背景图片中确定第二目标区域，所述第二目标区域的宽度与所述背景图片的宽度相同且所述第二目标区域的宽高比例与所述第二应用窗口的宽高比例相同；

所述获取模块，还用于基于所述第二目标区域执行获取显示位置和所述第二目标区域的目标缩放比例的过程；

所述显示模块，还用于基于所述第二目标区域执行显示过程。

13.一种终端，其特征在于，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或所述指令集由所述处理器加载并执行以实现如权利要求1至6任一项所述的背景图片显示方法。

14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或所述指令集由处理器加载并执行以实现如权利要求1至6任一项所述的背景图片显示方法。

Images