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

技术编号:24352536 阅读:15 留言:0更新日期:2020-06-03 01:53
本发明专利技术提供了一种动态显示图像的方法、装置和终端设备;其中,该方法包括:确定图像中可移动对象的移动路径,移动路径上预设有起始节点和至少一个目的节点,任意相邻的两个节点在移动路径上沿预定方向的距离为任意相邻的两个节点在移动路径上的最短距离;根据移动路径,移动可移动对象,以使可移动对象按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点,以实现图像的动态显示。本发明专利技术中,在移动路径上设置目的节点,以引导可移动对象沿着预定方向在移动路径上移动,可以通过直接计算可移动对象的实时位置的方式即可实现图像动态显示,从而降低了网页页面上动态显示图像的运算成本。

Methods, devices and terminal devices for dynamically displaying images

【技术实现步骤摘要】
动态显示图像的方法、装置和终端设备
本专利技术涉及网页
,尤其是涉及一种动态显示图像的方法、装置和终端设备。
技术介绍
在网页上实现图像的动态显示,例如,圆环形的倒计时、周期性旋转等,现有的一种方式是实时计算移动点或移动线条的旋转角度;根据该旋转角度,再计算并更新移动点或移动线条的实时位置,进而实现图像的动态显示;但这种方式需要先计算旋转角度,再计算移动点或移动线条的实时位置;当网页所需的分辨率较高或者移动点或移动线条的移动速度较快时,易导致该图像在动态显示过程中,需要占用较大的内存进行实时计算,计算成本较高。
技术实现思路
有鉴于此,本专利技术的目的在于提供一种动态显示图像的方法、装置和终端设备,以降低网页页面上动态显示图像的运算成本。第一方面,本专利技术实施例提供了一种动态显示图像的方法,该方法包括:确定图像中可移动对象的移动路径,移动路径上预设有起始节点和至少一个目的节点,任意相邻的两个节点在移动路径上沿预定方向的距离为任意相邻的两个节点在移动路径上的最短距离;根据移动路径,移动可移动对象,以使可移动对象按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点,以实现图像的动态显示。在本专利技术较佳的实施例中,上述根据移动路径,移动可移动对象包括:确定可移动对象在移动路径上的起始节点和起始节点的相邻的目的节点;根据起始节点和与起始节点相邻的目的节点,移动可移动对象,以使可移动对象按照预定方向沿着移动路径从起始节点移动至与起始节点相邻的目的节点;确定与起始节点相邻的目的节点的下一个目的节点,根据下一个目的节点,移动可移动对象,以使可移动对象按照预定方向沿着移动路径从起始节点相邻的目的节点移动至下一个目的节点,直至将可移动对象移动至移动路径末端的目的节点。在本专利技术较佳的实施例中,上述方法还包括:确定移动路径上相邻的两个节点对应的移动时间;上述根据移动路径,移动可移动对象,以使可移动对象按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点步骤,包括:根据移动路径和移动路径上相邻的两个节点对应的移动时间,移动可移动对象,以使可移动对象逐渐按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点。在本专利技术较佳的实施例中,上述至少一个目的节点包括中间目的节点;上述移动路径上的中间目的节点,通过下述方式设置:获取移动路径的起始节点和末端的目的节点在移动路径上的最短距离;根据起始节点和末端的目的节点在移动路径上的最短距离,确定移动路径上各个中间目的节点的设置位置;在设置位置上设置中间目的节点。在本专利技术较佳的实施例中,上述根据起始节点和末端的目的节点在移动路径上的最短距离,确定移动路径上各个中间目的节点的设置位置的步骤,包括:按照预设间隔,在移动路径上的起始节点和末端的目的节点之间确定多个中间目的节点的设置位置;预设间隔小于或等于起始节点和末端的目的节点在移动路径上的最短距离。在本专利技术较佳的实施例中,上述图像中包含固定对象;上述方法还包括:在可移动对象沿着移动路径移动的过程中,根据固定对象和可移动对象之间的连线的位置,更新图像中被连线分割的各区域的显示参数;显示参数包括颜色和/或灰度。在本专利技术较佳的实施例中,上述方法还包括:当可移动对象到达移动路径的末端的目的节点时,确定可移动对象是否需要继续移动;如果需要继续移动,根据移动路径,继续移动可移动对象。第二方面,本专利技术实施例提供了一种动态显示图像的装置,该装置包括:路径确定模块,用于确定图像中可移动对象的移动路径,移动路径上预设有起始节点和至少一个目的节点,任意相邻的两个节点在移动路径上沿预定方向的距离为任意相邻的两个节点在移动路径上的最短距离;对象移动模块,用于根据移动路径,移动可移动对象,以使可移动对象按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点,以实现图像的动态显示。第三方面,本专利技术实施例提供了一种终端设备,终端设备包括存储器以及处理器,存储器用于存储支持处理器执行上述动态显示图像的方法的程序,处理器被配置为用于执行存储器中存储的程序。第四方面,本专利技术实施例提供了一种机器可读存储介质,该机器可读存储介质存储有机器可执行指令,该机器可执行指令在被处理器调用和执行时,机器可执行指令促使处理器实现上述动态显示图像的方法。本专利技术实施例带来了以下有益效果:本专利技术实施例提供的上述动态显示图像的方法、装置和终端设备,确定图像中可移动对象的移动路径后,根据该移动路径移动可移动对象,以使可移动对象按照预定方向沿着移动路径从起始节点、顺次移动至各目的节点,以实现图像的动态显示。该方式中,在移动路径上设置目的节点,并且任意相邻的两个节点在移动路径上沿预定方向的距离为任意相邻的两个节点在移动路径上的最短距离,从而引导可移动对象在移动路径上沿着预定方向移动,该方式通过直接计算可移动对象的实时位置即可实现图像动态显示,从而降低了网页页面上动态显示图像的运算成本。本专利技术的其他特征和优点将在随后的说明书中阐述,或者,部分特征和优点可以从说明书推知或毫无疑义地确定,或者通过实施本专利技术的上述技术即可得知。为使本专利技术的上述目的、特征和优点能更明显易懂,下文特举较佳实施方式,并配合所附附图,作详细说明如下。附图说明为了更清楚地说明本专利技术具体实施方式或现有技术中的技术方案,下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本专利技术的一些实施方式,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的一种动态显示图像的方法的流程图;图2为本专利技术实施例提供的另一种动态显示图像的方法的流程图;图3为本专利技术实施例提供的一种动态显示图像的示意图;图4为本专利技术实施例提供的另一种动态显示图像的示意图;图5为本专利技术实施例提供的另一种动态显示图像的方法的流程图;图6为本专利技术实施例提供的另一种动态显示图像的示意图;图7为本专利技术实施例提供的另一种动态显示图像的方法的流程图;图8为本专利技术实施例提供的一种动态显示图像的装置的结构示意图;图9为本专利技术实施例提供的一种终端设备的结构示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚,下面将结合附图对本专利技术的技术方案进行清楚、完整地描述,显然,所描述的实施例是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本专利技术保护的范围。现有的在网页上实现图像的动态显示方式中,往往需要先计算移动点或移动线条(以下简称可移动对象)的旋转角度,再根据该旋转角度,计算并更新可移动对象的实时位置;这种两次计算的方式,易导致该图像在动态显示过程中占用较大的内存。经反复实验,专利技术人发现如果预先设定好可移动路径,直接计算可移动对象在移动路径上的实时位置可明显降低图像动态显示的运算量,减轻内存负本文档来自技高网...

【技术保护点】
1.一种动态显示图像的方法,其特征在于,所述方法包括:/n确定图像中可移动对象的移动路径,所述移动路径上预设有起始节点和至少一个目的节点,任意相邻的两个节点在所述移动路径上沿预定方向的距离为所述任意相邻的两个节点在所述移动路径上的最短距离;/n根据所述移动路径,移动所述可移动对象,以使所述可移动对象按照所述预定方向沿着所述移动路径从所述起始节点、顺次移动至各所述目的节点,以实现图像的动态显示。/n

【技术特征摘要】
1.一种动态显示图像的方法,其特征在于,所述方法包括:
确定图像中可移动对象的移动路径,所述移动路径上预设有起始节点和至少一个目的节点,任意相邻的两个节点在所述移动路径上沿预定方向的距离为所述任意相邻的两个节点在所述移动路径上的最短距离;
根据所述移动路径,移动所述可移动对象,以使所述可移动对象按照所述预定方向沿着所述移动路径从所述起始节点、顺次移动至各所述目的节点,以实现图像的动态显示。


2.根据权利要求1所述的方法,其特征在于,所述根据所述移动路径,移动所述可移动对象包括:
确定可移动对象在所述移动路径上的起始节点和所述起始节点的相邻的目的节点;
根据所述起始节点和与所述起始节点相邻的目的节点,移动所述可移动对象,以使所述可移动对象按照所述预定方向沿着所述移动路径从所述起始节点移动至与所述起始节点相邻的目的节点;
确定与所述起始节点相邻的目的节点的下一个目的节点,根据所述下一个目的节点,移动所述可移动对象,以使所述可移动对象按照所述预定方向沿着所述移动路径从所述起始节点相邻的目的节点移动至所述下一个目的节点,直至将所述可移动对象移动至所述移动路径末端的目的节点。


3.根据权利要求1所述的方法,其特征在于,所述方法还包括:确定所述移动路径上相邻的两个节点对应的移动时间;
所述根据所述移动路径,移动所述可移动对象,以使所述可移动对象按照所述预定方向沿着所述移动路径从所述起始节点、顺次移动至各所述目的节点步骤,包括:
根据所述移动路径和所述移动路径上相邻的两个节点对应的移动时间,移动所述可移动对象,以使所述可移动对象逐渐按照所述预定方向沿着所述移动路径从所述起始节点、顺次移动至各所述目的节点。


4.根据权利要求1所述的方法,其特征在于,
所述至少一个目的节点包括中间目的节点;
所述移动路径上的中间目的节点,通过下述方式设置:
获取所述移动路径的起始节点和末端的目的节点在所述移动路径上的最短距离;
根据所述起始节点和末端的目的节点在所述移动路径上的最短距离,确定所述移动路径上各个中间目的节点...

【专利技术属性】
技术研发人员:徐德明
申请(专利权)人:北京金山云网络技术有限公司北京金山云科技有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1