CN111221598A - 动态显示图像的方法、装置和终端设备 - Google Patents

Abstract

本发明提供了一种动态显示图像的方法、装置和终端设备；其中，该方法包括：确定图像中可移动对象的移动路径，移动路径上预设有起始节点和至少一个目的节点，任意相邻的两个节点在移动路径上沿预定方向的距离为任意相邻的两个节点在移动路径上的最短距离；根据移动路径，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点，以实现图像的动态显示。本发明中，在移动路径上设置目的节点，以引导可移动对象沿着预定方向在移动路径上移动，可以通过直接计算可移动对象的实时位置的方式即可实现图像动态显示，从而降低了网页页面上动态显示图像的运算成本。

Description

动态显示图像的方法、装置和终端设备

技术领域

本发明涉及网页技术领域，尤其是涉及一种动态显示图像的方法、装置和终端设备。

背景技术

在网页上实现图像的动态显示，例如，圆环形的倒计时、周期性旋转等，现有的一种方式是实时计算移动点或移动线条的旋转角度；根据该旋转角度，再计算并更新移动点或移动线条的实时位置，进而实现图像的动态显示；但这种方式需要先计算旋转角度，再计算移动点或移动线条的实时位置；当网页所需的分辨率较高或者移动点或移动线条的移动速度较快时，易导致该图像在动态显示过程中，需要占用较大的内存进行实时计算，计算成本较高。

发明内容

有鉴于此，本发明的目的在于提供一种动态显示图像的方法、装置和终端设备，以降低网页页面上动态显示图像的运算成本。

第一方面，本发明实施例提供了一种动态显示图像的方法，该方法包括：确定图像中可移动对象的移动路径，移动路径上预设有起始节点和至少一个目的节点，任意相邻的两个节点在移动路径上沿预定方向的距离为任意相邻的两个节点在移动路径上的最短距离；根据移动路径，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点，以实现图像的动态显示。

在本发明较佳的实施例中，上述根据移动路径，移动可移动对象包括：确定可移动对象在移动路径上的起始节点和起始节点的相邻的目的节点；根据起始节点和与起始节点相邻的目的节点，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点移动至与起始节点相邻的目的节点；确定与起始节点相邻的目的节点的下一个目的节点，根据下一个目的节点，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点相邻的目的节点移动至下一个目的节点，直至将可移动对象移动至移动路径末端的目的节点。

在本发明较佳的实施例中，上述方法还包括：确定移动路径上相邻的两个节点对应的移动时间；上述根据移动路径，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点步骤，包括：根据移动路径和移动路径上相邻的两个节点对应的移动时间，移动可移动对象，以使可移动对象逐渐按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点。

在本发明较佳的实施例中，上述至少一个目的节点包括中间目的节点；上述移动路径上的中间目的节点，通过下述方式设置：获取移动路径的起始节点和末端的目的节点在移动路径上的最短距离；根据起始节点和末端的目的节点在移动路径上的最短距离，确定移动路径上各个中间目的节点的设置位置；在设置位置上设置中间目的节点。

在本发明较佳的实施例中，上述根据起始节点和末端的目的节点在移动路径上的最短距离，确定移动路径上各个中间目的节点的设置位置的步骤，包括：按照预设间隔，在移动路径上的起始节点和末端的目的节点之间确定多个中间目的节点的设置位置；预设间隔小于或等于起始节点和末端的目的节点在移动路径上的最短距离。

在本发明较佳的实施例中，上述图像中包含固定对象；上述方法还包括：在可移动对象沿着移动路径移动的过程中，根据固定对象和可移动对象之间的连线的位置，更新图像中被连线分割的各区域的显示参数；显示参数包括颜色和/或灰度。

在本发明较佳的实施例中，上述方法还包括：当可移动对象到达移动路径的末端的目的节点时，确定可移动对象是否需要继续移动；如果需要继续移动，根据移动路径，继续移动可移动对象。

第二方面，本发明实施例提供了一种动态显示图像的装置，该装置包括：路径确定模块，用于确定图像中可移动对象的移动路径，移动路径上预设有起始节点和至少一个目的节点，任意相邻的两个节点在移动路径上沿预定方向的距离为任意相邻的两个节点在移动路径上的最短距离；对象移动模块，用于根据移动路径，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点，以实现图像的动态显示。

第三方面，本发明实施例提供了一种终端设备，终端设备包括存储器以及处理器，存储器用于存储支持处理器执行上述动态显示图像的方法的程序，处理器被配置为用于执行存储器中存储的程序。

第四方面，本发明实施例提供了一种机器可读存储介质，该机器可读存储介质存储有机器可执行指令，该机器可执行指令在被处理器调用和执行时，机器可执行指令促使处理器实现上述动态显示图像的方法。

本发明实施例带来了以下有益效果：

本发明实施例提供的上述动态显示图像的方法、装置和终端设备，确定图像中可移动对象的移动路径后，根据该移动路径移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点，以实现图像的动态显示。该方式中，在移动路径上设置目的节点，并且任意相邻的两个节点在移动路径上沿预定方向的距离为任意相邻的两个节点在移动路径上的最短距离，从而引导可移动对象在移动路径上沿着预定方向移动，该方式通过直接计算可移动对象的实时位置即可实现图像动态显示，从而降低了网页页面上动态显示图像的运算成本。

本发明的其他特征和优点将在随后的说明书中阐述，或者，部分特征和优点可以从说明书推知或毫无疑义地确定，或者通过实施本发明的上述技术即可得知。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施方式，并配合所附附图，作详细说明如下。

附图说明

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

图1为本发明实施例提供的一种动态显示图像的方法的流程图；

图2为本发明实施例提供的另一种动态显示图像的方法的流程图；

图3为本发明实施例提供的一种动态显示图像的示意图；

图4为本发明实施例提供的另一种动态显示图像的示意图；

图5为本发明实施例提供的另一种动态显示图像的方法的流程图；

图6为本发明实施例提供的另一种动态显示图像的示意图；

图7为本发明实施例提供的另一种动态显示图像的方法的流程图；

图8为本发明实施例提供的一种动态显示图像的装置的结构示意图；

图9为本发明实施例提供的一种终端设备的结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合附图对本发明的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

现有的在网页上实现图像的动态显示方式中，往往需要先计算移动点或移动线条(以下简称可移动对象)的旋转角度，再根据该旋转角度，计算并更新可移动对象的实时位置；这种两次计算的方式，易导致该图像在动态显示过程中占用较大的内存。经反复实验，发明人发现如果预先设定好可移动路径，直接计算可移动对象在移动路径上的实时位置可明显降低图像动态显示的运算量，减轻内存负担；但受到浏览器内核自身特性的限制，可移动对象在移动路径上移动时，会以最短路径为原则从起始端到达目的端；如果移动路径的起始端和目的端距离较近，甚至几乎重合，可移动对象往往不会沿着较远的移动路径移动；例如，移动路径为圆形时，起始端和目的端相距很近，此时可移动对象通常沿着短弧线移动至目的端，而不会沿着长弧线运动，从视觉上看可移动对象可能并未发生移动，因而也难以实现图像的动态显示。

基于此，本发明实施例提供了一种动态显示图像的方法、装置和终端设备；该技术可以应用于手机、平板电脑、计算机等终端设备中，下面进行具体描述。

首先，参见图1所示的一种动态显示图像的方法的流程图；该方法可以应用于具有网页显示功能的终端设备中；该方法具体包括如下步骤：

步骤S102，确定图像中可移动对象的移动路径，该移动路径上预设有起始节点和至少一个目的节点，任意相邻的两个节点在移动路径上沿预定方向的距离为任意相邻的两个节点在移动路径上的最短距离；

该待动态显示的图像的形状、颜色、灰度等参数均不做具体的限定，但通常，待显示的图像中存在至少一个可移动对象，该可移动对象预先设置有移动路径；可移动对象在移动路径上移动的过程中，可移动对象本身的位置发生变化，与该可移动对象相关联的线条或区域的形状、位置、方向、角度等通常也会随之变化；另外，还可以设置图像中各个线条、区域或可移动对象本身的颜色、灰度、图案等根据可移动对象的移动随之变化；从而实现该待显示图像的动态显示。

需要说明的是，移动路径是预先设置好的，移动路径包括起始端和目的端，即可移动对象从起始端移动到目的端。本发明实施例中，起始节点即为起始端，最后一个目的节点，即移动路径末端的目的节点即为目的端。

确定图像中可移动对象的移动路径后，可移动对象通常会沿着该移动路径移动；但当移动路径上的起始端和目的端之间存在多个移动方向时，可移动对象会沿着其中一个方向从起始端到达目的端；如上文所述，可移动对象总是基于最短路径移动，即当可移动对象的目的端确定后，会沿着上述多个方向中，路径最短的方向到达目的端；但很多情况下，路径最短的方向对应的路径往往不是期望路径，即可移动对象沿着路径最短的方向对应的路径时，相对于可移动对象沿着其他方向对应的路径移动，待显示图像的动态显示效果较差，甚至没有动态显示效果；一个较为极端的示例为，移动路径的起始端和目的端重合，此时可移动对象会始终停留在起始端和目的端上，没有动态显示效果。

为了避免可移动对象沿着路径最短的方向对应的路径移动，即，为了使可移动对象沿着预设方向移动，上述步骤S102中，可以在该移动路径上预设有起始节点(起始端)和至少一个目的节点(最后一个目的节点为目的端)，任意相邻的两个节点在移动路径上沿预定方向的距离为任意相邻的两个节点在移动路径上的最短距离。假设，移动路径预先设置为一个圆，那么，在移动路径上从一个节点移动到下一个节点实质上有两个方向，顺时针方向和逆时针方向，如果在移动路径上顺时针方向从一个节点到下一个节点的距离小于在移动路径上逆时针方向从一个节点到下一个节点的距离，则，在移动路径上顺时针方向从一个节点到下一个节点的距离即为这两个节点之间的最短距离。

其中，任意相邻的两个节点在移动路径上沿预定方向的距离具体可以根据该移动路径上的起始节点(即起始端)和最后一个目的节点(即目的端)的最短路径的距离设置，例如，任意相邻的两个节点在移动路径上沿预定方向的距离小于移动路径上的起始节点和最后一个目的节点的最短路径的距离，以使可移动对象不沿着该移动路径上的起始节点和最后一个目的节点的最短路径的方向移动，而沿着上述预定方向移动。

步骤S104，根据移动路径，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点，以实现图像的动态显示。

如果移动路径较长，且移动路径的起始端和目的端在移动路径上的最短距离非常短，为了节约计算成本，可以同时在移动路径上设置多个目的节点，以引导可移动对象依次经过各个目的节点，最终到达目的节点；一个较为典型的示例为，移动路径为闭合路径，如圆形，起始端和目的端距离很近或者完全重合，此时，在移动路径上设置多个目的节点，最后一个目的节点与起始节点重合，以使可移动对象将每个目的节点作为目的位置，从起始节点依次经过各个目的节点，走完完整的封闭路径后，再次到达起始节点。

本发明实施例提供的上述动态显示图像的方法，确定图像中可移动对象的移动路径后，根据该移动路径移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点，以实现图像的动态显示。该方式中，在移动路径上设置目的节点，并且任意相邻的两个节点在移动路径上沿预定方向的距离为任意相邻的两个节点在移动路径上的最短距离，从而引导可移动对象在移动路径上沿着预定方向移动，该方式通过直接计算可移动对象的实时位置即可实现图像动态显示，从而降低了网页页面上动态显示图像的运算成本。

本发明实施例还提供了另一种动态显示图像的方法，该方法在上述图1中所示方法的基础上实现，该方法中具体描述了当上述至少一个目的节点包括中间目的节点时，该中间目的节点的设置方式，以及根据移动路径移动可移动对象的具体方式；如图2所示，该方法具体包括如下步骤：

步骤S202，获取移动路径的起始节点和末端的目的节点在移动路径上的最短距离；其中，起始节点即为起始端，末端目的节点即目的端。

步骤S204，根据起始节点和末端的目的节点在移动路径上的最短距离，确定移动路径上各个中间目的节点的设置位置；

如上文中所述，起始节点与相邻的中间目的节点的距离可以小于该起始节点和末端的目的节点在移动路径上的最短距离，且相邻的中间目的节点之间的距离，也小于该起始节点和末端的目的节点在移动路径上的最短距离；此时，可移动对象从起始节点出发开始移动时，会移动到与该起始节点相邻的一个中间目的节点，再从该中间目的节点移动至下一个中间目的节点，直至末端的目的节点，使得可移动对象在移动路径上沿着预定方向移动，而不是沿着起始端和目的端的最短路径的方向移动。

在另外一种方式中，上述步骤S204具体还可以通过下述方式实现：按照预设间隔，在移动路径上的起始节点和末端的目的节点之间确定多个中间目的节点的设置位置；该预设间隔小于或等于起始节点和末端的目的节点在移动路径上的最短距离。该方式中，可移动对象从起始节点出发开始移动时，浏览器内核会从上述设置的多个中间目的节点中按照顺序获取与该起始节点相邻的一个中间目的节点，可移动对象在移动路径上向着该中间目的节点移动，并到达该中间目的节点；浏览器内核再从上述设置的多个中间目的节点中获取该中间目的节点的下一个中间目的节点，可移动对象再在移动路径上向着该中间目的节点移动，并到达该中间目的节点，直至可移动对象到达移动路径的末端的目的节点。该方式中，各个相邻节点的设置位置均为预设间隔，间隔相同，设置方式更加便捷。

步骤S206，在上述设置位置上设置中间目的节点。

图3所示为一种动态显示图像的示例，但不作为对本发明实施例的限定；中间目的节点设置在上述设置位置上；图3中，可移动对象位于起始节点，预定方向为顺时针方向；由于移动路径末端的目的节点位于起始节点的左侧且距离较近，可移动对象很有可能会逆时针方向移动，沿着短弧线到达目的节点；为了保证可移动对象沿着预定方向，即顺时针方向移动，可以在起始节点的右侧设置一个中间目的节点，该中间目的节点与起始节点的距离小于末端的目的节点与起始节点的距离，此时，可移动对象对将该中间目的节点当作更近的“目的节点”，从而向该中间目的节点移动。

步骤S208，确定可移动对象在移动路径上的起始节点和起始节点的相邻的目的节点；

移动路径上的起始节点上可以预先设置有一个节点标识，以标明该节点为起始节点；当移动路径上有多个移动方向时，确定好起始节点后，此时还需要根据预定方向，即沿着该预定方向查找该起始节点的相邻的目的节点。

步骤S210，根据起始节点和与该起始节点相邻的目的节点，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点移动至与起始节点相邻的目的节点；

可移动对象沿着移动路径从起始节点移动至与起始节点相邻的目的节点，可以匀速或者变速的移动，也可以从起始节点直接跳跃至该起始节点相邻的目的节点；对于直接跳跃的方式，如果目的节点设置的密度较大，则通常不影响图像的动态显示；而如果目的节点的设置密度较小，则该图像在动态显示时，往往会显示不够流畅，呈现不断卡顿的显示状态。

为了避免上述问题，上述步骤S210在实际实现时，可以预先确定移动路径上相邻的两个节点对应的移动时间；根据移动路径和移动路径上相邻的两个节点对应的移动时间，移动可移动对象，以使可移动对象逐渐按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点。其中一种方式中，可以根据相邻的两个节点对应的移动时间和移动路径，计算得到可移动对象在相邻的两个节点对应的移动路径上的移动速度，进而可移动对象以该移动速度匀速运动；另一种方式中，仅限定相邻的两个节点对应的移动时间，可移动对象在相邻的两个节点对应的移动路径上移动时，所花费的时间等于上述移动时间即可，移动速度可以为匀速，也可以为变速。

步骤S212，确定与起始节点相邻的目的节点的下一个目的节点，根据下一个目的节点，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点相邻的目的节点移动至下一个目的节点，直至将可移动对象移动至移动路径末端的目的节点，以实现图像的动态显示。

图4所示为另一种动态显示图像的示例，但不作为对本发明实施例的限定；图4中，沿着预设的移动方向，同时设置了多个目的节点，图4中以9个中间目的节点为例，分别为中间目的节点1至中间目的节点9；其中，中间目的节点1距离起始节点最近，该中间目的节点1与起始节点的距离小于起始节点与末端的目的节点的最小距离；可移动对象从起始节点移动至中间目的节点1后，继续沿着预设预定方向即顺时针移动，依次到达中间目的节点2、中间目的节点3，直至中间目的节点9，最后到达最末的目的节点，以实现图像的动态显示。

上述动态显示图像的方法，首先根据起始节点和末端的目的节点在移动路径上的最短距离设置中间目的节点，可移动对象沿着移动路径移动时，先到达起始节点相邻的目的节点，再顺次到达后续的目的节点，以实现待显示图像的动态显示；该方式通过直接计算可移动对象的实时位置即可实现图像动态显示，从而降低了网页页面上动态显示图像的运算成本。

本发明实施例还提供了另一种动态显示图像的方法，该方法在上述图1或图2中所示方法的基础上实现，该方法中具体描述了当图像中存在固定对象时，可移动对象与固定对象相互配合实现动态显示的方式；图像中包含固定对象时，可以预先连接该固定对象和可移动对象，形成连线；在可移动对象沿着移动路径移动的过程中，根据固定对象和可移动对象之间的连线的位置，更新待显示图像中各位置区域的显示参数；该显示参数包括颜色和/或灰度；该显示参数可以同时包括颜色和灰度，也可以仅包括颜色或灰度之一。

其中，上述固定对象可以为点、线条，也可以为某一个特定形状；图像在显示过程中，该固定对象的位置(如中心位置)一般不发生变化，但可以发生旋转、形变等；可移动对象在沿着移动轨迹移动过程中，由于固定对象的位置不变，因此可移动对象与固定对象的连线的位置会发生变化；该连线的位置可以包含连线的角度、长度或弯曲形状等。

连线的位置随着可移动对象的移动而不断变化，被该连线分割的各位置区域的形状、大小等属性参数也会随之变化；可以预先设置各位置区域的显示参数与属性参数的对应关系，从而在位置区域的形状、大小变化过程中，其颜色、灰度也随之变化。

如图5所示，该动态显示图像的方法具体包括如下步骤：

步骤S502，获取移动路径的起始节点和末端的目的节点在移动路径上的最短距离；

步骤S504，根据起始节点和末端的目的节点在移动路径上的最短距离，确定移动路径上各个中间目的节点的设置位置；

步骤S506，在上述设置位置上设置中间目的节点。

步骤S508，确定可移动对象在移动路径上的起始节点和起始节点的相邻的目的节点；

步骤S510，判断图像中是否包含固定对象；如果是，执行步骤S512；如果否，执行步骤S514；

步骤S512，根据起始节点和与该起始节点相邻的目的节点，移动可移动对象，在可移动对象沿着移动路径移动的过程中，根据固定对象和可移动对象之间的连线的位置，更新待显示图像中各位置区域的显示参数；执行步骤S516；

步骤S514，根据起始节点和与该起始节点相邻的目的节点，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点移动至与起始节点相邻的目的节点；

图6所示为另一种动态显示图像的示例，但不作为对本发明实施例的限定；图6中，可移动对象位于圆环形的移动路径上；固定对象位于圆环形的圆心位置；固定对象与可移动对象的连线，与起始节点与固定对象的连线将圆环形分割成两个区域；可以预先设置固定对象与可移动对象的连线、起始节点与固定对象的连线以及可移动对象经过的路径围合成的区域填充阴影(当然也可以填充其他颜色、形状或灰度)，而其他区域为空白；此时，随着可移动对象在移动路径上移动，阴影区域会逐渐变大，直至圆环形内部全部被阴影填充。

步骤S516，判断上述目的节点是否是移动路径末端的目的节点，如果是，结束；如果否，执行步骤S518；

步骤S518，确定与起始节点相邻的目的节点的下一个目的节点，将该下一个目的节点确定为新的起始节点，继续执行上述步骤S508。

上述动态显示图像的方法中，通过在可移动对象与固定对象之间设置连线，并设置由该连线分割的各区域的显示参数，该方式可以丰富待显示图像的动态显示方式，从而提高了图像动态显示实现方式的灵活性。

本发明实施例还提供了另一种动态显示图像的方法，该方法在上述实施例所述方法的基础上实现，该方法中具体描述了可移动对象到达末端的目的节点后，进一步的处理方式；具体地，当可移动对象到达移动路径的目的节点时，确定可移动对象是否需要继续移动；如果需要继续移动，根据移动路径，继续移动可移动对象。该方法以图2中所示方法为基础进行说明，当然也可以以上述实施例中其他方式为基础实现；如图7所示，该方法包括如下步骤：

步骤S702，获取移动路径的起始节点和末端的目的节点在移动路径上的最短距离；

步骤S704，根据起始节点和末端的目的节点在移动路径上的最短距离，确定移动路径上各个中间目的节点的设置位置；

步骤S706，在上述设置位置上设置中间目的节点。

步骤S708，确定可移动对象在移动路径上的起始节点和起始节点的相邻的目的节点；

步骤S710，根据起始节点和与该起始节点相邻的目的节点，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点移动至与起始节点相邻的目的节点；

步骤S712，确定与起始节点相邻的目的节点的下一个目的节点，根据下一个目的节点，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点相邻的目的节点移动至下一个目的节点，直至将可移动对象移动至移动路径末端的目的节点，以实现图像的动态显示。

步骤S714，确定可移动对象是否需要继续移动；如果是，执行步骤S708，以根据移动路径，继续移动可移动对象；如果否，结束。

例如，上述图3或图4中所示的移动路径为圆环形，如果预设的显示指令要求该可移动对象在移动路径上不停歇地做周期性移动，则当可移动对象到达最末的目的节点后，再移动或跳转至起始节点，继续在中间目的节点的引导下，按照预设的移动方向进行移动；当可移动对象再次移动至起始节点时，上述待显示图像中各位置区域的显示参数，可以回到初始状态，也可以在当前显示参数的基础上继续进行更新。

上述动态显示图像的方法中，可移动对象可以周而复始地在移动轨迹上运动，从而继续更新待显示图像中各位置区域的显示参数，进一步丰富了待显示图像的动态显示方式，从而提高了图像动态显示实现方式的灵活性。

对应于上述方法实施例，参见图8所示的一种动态显示图像的装置的结构示意图；该装置包括：

路径确定模块80，用于确定图像中可移动对象的移动路径，移动路径上预设有起始节点和至少一个目的节点，任意相邻的两个节点在移动路径上沿预定方向的距离为任意相邻的两个节点在移动路径上的最短距离；

对象移动模块81，用于根据移动路径，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点，以实现图像的动态显示。

本发明实施例提供的上述动态显示图像装置，确定图像中可移动对象的移动路径后，根据该移动路径移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点，以实现图像的动态显示。该方式中，在移动路径上设置目的节点，并且任意相邻的两个节点在移动路径上沿预定方向的距离为任意相邻的两个节点在移动路径上的最短距离，从而引导可移动对象在移动路径上移动，该方式通过直接计算可移动对象的实时位置即可实现图像动态显示，从而降低了网页页面上动态显示图像的运算成本。

进一步地，上述对象移动模块，用于：确定可移动对象在移动路径上的起始节点和起始节点的相邻的目的节点；根据起始节点和与起始节点相邻的目的节点，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点移动至与起始节点相邻的目的节点；确定与起始节点相邻的目的节点的下一个目的节点，根据下一个目的节点，移动可移动对象，以使可移动对象按照预定方向沿着移动路径从起始节点相邻的目的节点移动至下一个目的节点，直至将可移动对象移动至移动路径末端的目的节点。

进一步地，上述装置还包括：时间确定模块，用于确定移动路径上相邻的两个节点对应的移动时间；上述对象移动模块，用于：根据移动路径和移动路径上相邻的两个节点对应的移动时间，移动可移动对象，以使可移动对象逐渐按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点。

进一步地，上述至少一个目的节点包括中间目的节点；上述装置还包括设置模块，用于设置移动路径上的中间目的节点：获取移动路径的起始节点和末端的目的节点在移动路径上的最短距离；根据起始节点和末端的目的节点在移动路径上的最短距离，确定移动路径上各个中间目的节点的设置位置；在设置位置上设置中间目的节点。

进一步地，上述设置模块，用于：按照预设间隔，在移动路径上的起始节点和末端的目的节点之间确定多个中间目的节点的设置位置；预设间隔小于或等于起始节点和末端的目的节点在移动路径上的最短距离。

进一步地，上述图像中包含固定对象；上述装置还包括：显示参数更新模块，用于在可移动对象沿着移动路径移动的过程中，根据固定对象和可移动对象之间的连线的位置，更新图像中被连线分割的各区域的显示参数；显示参数包括颜色和/或灰度。

进一步地，上述装置还包括：确定模块，用于当可移动对象到达移动路径的末端的目的节点时，确定可移动对象是否需要继续移动；如果需要继续移动，根据移动路径，继续移动可移动对象。

本发明实施例所提供的动态显示图像的装置，其实现原理及产生的技术效果和前述方法实施例相同，为简要描述，装置实施例部分未提及之处，可参考前述方法实施例中相应内容。

本发明实施例还提供了一种终端设备，该终端设备包括存储器以及处理器，存储器用于存储支持处理器执行前述实施例所提供的动态显示图像的方法的程序，处理器被配置为用于执行存储器中存储的程序。该终端设备还可以包括通信接口，用于与其他设备或通信网络通信。该终端设备可以为包括手机、平板电脑、PDA(Personal DigitalAssistant，个人数字助理)、车载电脑等任意终端设备。

参见图9所示，上述终端设备包括存储器和处理器，其中，存储器用于存储一条或多条计算机指令，一条或多条计算机指令被处理器执行，以实现上述动态显示图像的方法。

进一步，图9所示的服务器还包括总线102和通信接口103，处理器101、通信接口103和存储器100通过总线102连接。

其中，存储器100可能包含高速随机存取存储器(RAM，Random Access Memory)，也可能还包括非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器。通过至少一个通信接口103(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接，可以使用互联网，广域网，本地网，城域网等。总线102可以是ISA总线、PCI总线或EISA总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图9中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。

处理器101可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器101中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器101可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(DigitalSignal Processing，简称DSP)、专用集成电路(Application Specific IntegratedCircuit，简称ASIC)、现成可编程门阵列(Field-Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器100，处理器101读取存储器100中的信息，结合其硬件完成前述实施例的方法的步骤。

本发明实施例还提供了一种机器可读存储介质，该机器可读存储介质存储有机器可执行指令，该机器可执行指令在被处理器调用和执行时，机器可执行指令促使处理器实现上述动态显示图像的方法，具体实现可参见方法实施例，在此不再赘述。

本发明实施例所提供的动态显示图像的方法、装置、终端设备和机器可读存储介质的计算机程序产品，包括存储了程序代码的计算机可读存储介质，所述程序代码包括的指令可用于执行前面方法实施例中所述的方法，具体实现可参见方法实施例，在此不再赘述。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上所述实施例，仅为本发明的具体实施方式，用以说明本发明的技术方案，而非对其限制，本发明的保护范围并不局限于此，尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

Claims (10)

1.一种动态显示图像的方法，其特征在于，所述方法包括：

确定图像中可移动对象的移动路径，所述移动路径上预设有起始节点和至少一个目的节点，任意相邻的两个节点在所述移动路径上沿预定方向的距离为所述任意相邻的两个节点在所述移动路径上的最短距离；

根据所述移动路径，移动所述可移动对象，以使所述可移动对象按照所述预定方向沿着所述移动路径从所述起始节点、顺次移动至各所述目的节点，以实现图像的动态显示。

2.根据权利要求1所述的方法，其特征在于，所述根据所述移动路径，移动所述可移动对象包括：

确定可移动对象在所述移动路径上的起始节点和所述起始节点的相邻的目的节点；

根据所述起始节点和与所述起始节点相邻的目的节点，移动所述可移动对象，以使所述可移动对象按照所述预定方向沿着所述移动路径从所述起始节点移动至与所述起始节点相邻的目的节点；

确定与所述起始节点相邻的目的节点的下一个目的节点，根据所述下一个目的节点，移动所述可移动对象，以使所述可移动对象按照所述预定方向沿着所述移动路径从所述起始节点相邻的目的节点移动至所述下一个目的节点，直至将所述可移动对象移动至所述移动路径末端的目的节点。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：确定所述移动路径上相邻的两个节点对应的移动时间；

所述根据所述移动路径，移动所述可移动对象，以使所述可移动对象按照所述预定方向沿着所述移动路径从所述起始节点、顺次移动至各所述目的节点步骤，包括：

根据所述移动路径和所述移动路径上相邻的两个节点对应的移动时间，移动所述可移动对象，以使所述可移动对象逐渐按照所述预定方向沿着所述移动路径从所述起始节点、顺次移动至各所述目的节点。

4.根据权利要求1所述的方法，其特征在于，

所述至少一个目的节点包括中间目的节点；

所述移动路径上的中间目的节点，通过下述方式设置：

获取所述移动路径的起始节点和末端的目的节点在所述移动路径上的最短距离；

根据所述起始节点和末端的目的节点在所述移动路径上的最短距离，确定所述移动路径上各个中间目的节点的设置位置；

在所述设置位置上设置中间目的节点。

5.根据权利要求4所述的方法，其特征在于，所述根据所述起始节点和末端的目的节点在所述移动路径上的最短距离，确定所述移动路径上各个中间目的节点的设置位置的步骤，包括：

按照预设间隔，在所述移动路径上的所述起始节点和末端的目的节点之间确定多个中间目的节点的设置位置；所述预设间隔小于或等于所述起始节点和末端的目的节点在所述移动路径上的最短距离。

6.根据权利要求1所述的方法，其特征在于，

所述图像中包含固定对象；

所述方法还包括：

在所述可移动对象沿着所述移动路径移动的过程中，根据所述固定对象和所述可移动对象之间的连线的位置，更新所述图像中被所述连线分割的各区域的显示参数；所述显示参数包括颜色和/或灰度。

7.根据权利要求1所述的方法，其特征在于，所述方法还包括：

当所述可移动对象到达所述移动路径的末端的目的节点时，确定所述可移动对象是否需要继续移动；

如果需要继续移动，根据所述移动路径，继续移动所述可移动对象。

8.一种动态显示图像的装置，其特征在于，所述装置包括：

路径确定模块，用于确定图像中可移动对象的移动路径，所述移动路径上预设有起始节点和至少一个目的节点，任意相邻的两个节点在所述移动路径上沿预定方向的距离为所述任意相邻的两个节点在所述移动路径上的最短距离；

对象移动模块，用于根据所述移动路径，移动所述可移动对象，以使所述可移动对象按照所述预定方向沿着所述移动路径从所述起始节点、顺次移动至各所述目的节点，以实现图像的动态显示。

9.一种终端设备，其特征在于，所述终端设备包括存储器以及处理器，所述存储器用于存储支持处理器执行权利要求1至7任一项所述方法的程序，所述处理器被配置为用于执行所述存储器中存储的程序。

10.一种机器可读存储介质，其特征在于，该机器可读存储介质存储有机器可执行指令，该机器可执行指令在被处理器调用和执行时，机器可执行指令促使处理器实现权利要求1至7任一项所述的方法。

Images