CN114201566B - 运动目标的静态轨迹播放方法、系统及装置 - Google Patents
运动目标的静态轨迹播放方法、系统及装置 Download PDFInfo
- Publication number
- CN114201566B CN114201566B CN202111506333.8A CN202111506333A CN114201566B CN 114201566 B CN114201566 B CN 114201566B CN 202111506333 A CN202111506333 A CN 202111506333A CN 114201566 B CN114201566 B CN 114201566B
- Authority
- CN
- China
- Prior art keywords
- motion
- static track
- point position
- moving object
- playing
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 230000003068 static effect Effects 0.000 title claims abstract description 164
- 238000000034 method Methods 0.000 title claims abstract description 47
- 238000007781 pre-processing Methods 0.000 claims description 8
- 238000004891 communication Methods 0.000 abstract description 3
- 230000006870 function Effects 0.000 description 32
- 238000004590 computer program Methods 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000015556 catabolic process Effects 0.000 description 1
- 230000007423 decrease Effects 0.000 description 1
- 238000006731 degradation reaction Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000013519 translation Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/29—Geographical information databases
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Remote Sensing (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明涉及网络通信技术领域,具体提供一种运动目标的静态轨迹播放方法、系统及装置,旨在解决现有的方法影响运动目标轨迹路线的播放性能以及播放速度的技术问题。为此目的,本发明的运动目标的静态轨迹播放方法包括:获取与运动目标相关的多个运动点位;基于多个运动点位确定运动目标的静态轨迹;基于轨迹线动态绘制插件为静态轨迹添加运动方向,得到带运动方向的运动路径静态轨迹;基于SVG函数和CSS回调函数对带运动方向的运动路径静态轨迹进行动态播放。
Description
技术领域
本发明涉及网络通信技术领域,具体提供一种运动目标的静态轨迹播放方法、系统及装置。
背景技术
在地图实际场景运用中,往往需要展示指定目标的运动轨迹,并根据经纬度还原目标的轨迹路线。一方面,现有方法借助开源地图技术leaflet虽然支持了运动目标轨迹路线的绘制,但不支持运动目标轨迹路线的动态展示。另一方面,在开源的各种动态轨迹插件中仅满足小点位下的动态展示,在轨迹方向展示中又会有性能或遮挡运动目标等问题,且以上技术都未对重叠点位进行进一步处理,从而影响运动目标轨迹路线的播放性能以及播放速度。
相应地,本领域需要一种新的运动目标的静态轨迹播放方案来解决上述问题。
发明内容
为了克服上述缺陷,提出了本发明,以提供解决或至少部分地解决现有的方法影响运动目标轨迹路线的播放性能以及播放速度的技术问题。本发明提供了一种运动目标的静态轨迹播放方法、系统及装置。
在第一方面,本发明提供一种运动目标的静态轨迹播放方法,包括下述步骤:获取与所述运动目标相关的多个运动点位;基于多个所述运动点位确定运动目标的静态轨迹;基于轨迹线动态绘制插件为所述静态轨迹添加运动方向,得到带运动方向的运动路径静态轨迹;基于SVG函数和CSS回调函数对所述带运动方向的运动路径静态轨迹进行动态播放。
在一个实施方式中,基于多个所述运动点位确定运动目标的静态轨迹包括:基于Leaflet加载地图;基于获取的多个所述运动点位的经纬度集合在所述地图上绘制所述静态轨迹。
在一个实施方式中,所述CSS回调函数包括第一回调函数和第二回调函数,基于SVG函数和CSS回调函数对所述带运动方向的运动路径静态轨迹进行动态播放包括:S1.确定所述静态轨迹的总长度和运动目标的运动比分比;S2.基于SVG函数、所述静态轨迹的总长度和运动目标的运动比分比从所述运动路径静态轨迹中获取当前点位坐标;S3.基于所述第一回调函数确定目标点位坐标;S4.基于所述第二回调函数执行所述运动目标由所述当前点位坐标到目标点位坐标的动态播放;S5.基于步骤S1-S4遍历所述运动路径静态轨迹上的所有点位,以实现所述运动路径静态轨迹的动态播放;其中上述步骤S1包括:基于多个所述运动点位的经纬度集合确定所述静态轨迹的总长度以及当前点位到第一个点位的长度;基于所述静态轨迹的总长度以及当前点位到第一个点位的长度确定当前点位的点位占比;基于所述当前点位的点位占比与所述运动目标的预设运动速度确定运动目标的运动比分比。
在一个实施方式中,在基于SVG函数和CSS回调函数对所述带运动方向的运动路径静态轨迹进行动态播放之前,对所述运动路径静态轨迹进行预处理,包括:基于多个所述运动点位的经纬度集合确定所述静态轨迹上的重叠点位;保存所述重叠点位中的任意一个并删除其余重叠点位。
在一个实施方式中,所述方法进一步包括:在所述运动目标的运动比分比大于当前点位的点位占比情况下,输出当前点位编号以及所述当前点位的重叠点位编号。
在一个实施方式中,所述方法进一步包括:建立包含不同播放参数的应用程序接口,所述播放参数包括开始、暂停、停止、点位编号和速度中的至少一种;基于所述应用程序接口和播放参数对所述运动路径静态轨迹进行动态播放。
在第二方面,本发明提供一种运动目标的静态轨迹播放系统,包括输入模块,被配置为获取与所述运动目标相关的多个运动点位;确定模块,被配置为基于多个所述运动点位确定运动目标的静态轨迹;添加模块,被配置为基于轨迹线动态绘制插件为所述静态轨迹添加运动方向,得到带运动方向的运动路径静态轨迹;播放模块,被配置为基于SVG函数和CSS回调函数对所述带运动方向的运动路径静态轨迹进行动态播放。
在一个实施方式中,所述确定模块包括:加载子模块,被配置为基于Leaflet加载地图;绘制子模块,被配置为基于获取的多个所述运动点位的经纬度集合在所述地图上绘制所述静态轨迹。
在一个实施方式中,所述CSS回调函数包括第一回调函数和第二回调函数,所述播放模块包括:长度和比分比确定模块,被配置为确定所述静态轨迹的总长度和运动目标的运动比分比;当前点位坐标获取模块,被配置为基于SVG函数、所述静态轨迹的总长度和运动目标的运动比分比从所述运动路径静态轨迹中获取当前点位坐标;目标点位坐标确定模块,被配置为基于所述第一回调函数确定目标点位坐标;执行模块,被配置为基于所述第二回调函数执行所述运动目标由所述当前点位坐标到目标点位坐标的动态播放;遍历模块,被配置为遍历所述运动路径静态轨迹上的所有点位,以实现所述运动路径静态轨迹的动态播放;其中所述长度和比分比确定模块包括:点位占比确定模块,被配置为基于多个所述运动点位的经纬度集合确定所述静态轨迹的总长度以及当前点位到第一个点位的长度;基于所述静态轨迹的总长度以及当前点位到第一个点位的长度确定当前点位的点位占比;运动比分比确定模块,被配置为基于所述当前点位的点位占比与所述运动目标的预设运动速度确定运动目标的运动比分比。
在一个实施方式中,所述系统还包括预处理模块,所述预处理模块被配置为基于多个所述运动点位的经纬度集合确定所述静态轨迹上的重叠点位;保存所述重叠点位中的任意一个并删除其余重叠点位。
在一个实施方式中,所述系统进一步包括输出模块,所述输出模块被配置为在所述运动目标的运动比分比大于当前点位的点位占比情况下,输出当前点位编号以及所述当前点位的重叠点位编号。
在一个实施方式中,所述系统进一步包括:创建子模块,被配置为建立包含不同播放参数的应用程序接口,所述播放参数包括开始、暂停、停止、点位编号和速度中的至少一种;播放子模块,被配置为基于所述应用程序接口和播放参数对所述运动路径静态轨迹进行动态播放。
在第三方面,提供一种控制装置,该控制装置包括处理器和存储装置,所述存储装置适于存储多条程序代码,所述程序代码适于由所述处理器加载并运行以执行前述任一项所述的运动目标的静态轨迹播放方法。
在第四方面,提供一种计算机可读存储介质,该计算机可读存储介质其中存储有多条程序代码,所述程序代码适于由处理器加载并运行以执行前述任一项所述的运动目标的静态轨迹播放方法。
本发明上述一个或多个技术方案,至少具有如下一种或多种有益效果:
本发明提供的运动目标的静态轨迹播放方法,基于SVG函数对运动目标的运动路径静态轨迹进行播放,解决了现有方法影响运动目标轨迹路线的播放性能以及播放速度的技术问题,提高了对运动目标的静态轨迹的播放性能和播放速度。
通过对绘制的运动目标的静态轨迹进行预处理,从而删除了重叠点位,为后续运动目标的静态轨迹进行播放提供了技术支撑,有利于提高运动目标的静态轨迹的播放性能。
在运动目标的运动比分比满足预设条件的情况下输出点位编号,使得用户能够更清晰的查看静态轨迹上的点位情况,提高了用户体验度。
通过应用程序接口获取的播放参数确定运动目标的静态轨迹的播放状态或播放速度,满足了用户需求,提高了用户体验度。
附图说明
参照附图,本发明的公开内容将变得更易理解。本领域技术人员容易理解的是:这些附图仅仅用于说明的目的,而并非意在对本发明的保护范围组成限制。此外,图中类似的数字用以表示类似的部件,其中:
图1是根据本发明的一个实施例的运动目标的静态轨迹播放方法的主要步骤流程示意图;
图2是根据本发明的一个实施例的运动目标的静态轨迹播放方法的流程示意图;
图3是根据本发明的一个实施例的运动目标的静态轨迹播放系统的主要结构框图示意图。
附图标记列表:
11:输入模块;12:确定模块;13:添加模块;14:播放模块。
具体实施方式
下面参照附图来描述本发明的一些实施方式。本领域技术人员应当理解的是,这些实施方式仅仅用于解释本发明的技术原理,并非旨在限制本发明的保护范围。
在本发明的描述中,“模块”、“处理器”可以包括硬件、软件或者两者的组合。一个模块可以包括硬件电路,各种合适的感应器,通信端口,存储器,也可以包括软件部分,比如程序代码,也可以是软件和硬件的组合。处理器可以是中央处理器、微处理器、图像处理器、数字信号处理器或者其他任何合适的处理器。处理器具有数据和/或信号处理功能。处理器可以以软件方式实现、硬件方式实现或者二者结合方式实现。非暂时性的计算机可读存储介质包括任何合适的可存储程序代码的介质,比如磁碟、硬盘、光碟、闪存、只读存储器、随机存取存储器等等。术语“A和/或B”表示所有可能的A与B的组合,比如只是A、只是B或者A和B。术语“至少一个A或B”或者“A和B中的至少一个”含义与“A和/或B”类似,可以包括只是A、只是B或者A和B。单数形式的术语“一个”、“这个”也可以包含复数形式。
这里先解释本发明涉及到的一些术语。
Leaflet:是一个为建设移动设备友好的互动地图,而开发的现代的、开源的JavaScript库。
PolylineDecorator:Leaflet社区开源插件,允许在多段线上定义图案(如虚线、箭头、图标等)。
SVG:可缩放矢量图形(Scalable Vector Graphics,SVG),是一种用于描述二维的矢量图形,它的图像能够被无限放大而不失真或降低质量,并且可以方便地修改内容。
API:(Application Programming Interface,应用程序接口)是一些预先定义的接口(如函数、HTTP接口),或指软件系统不同组成部分衔接的约定。用来提供应用程序与开发人员基于某软件或硬件得以访问的一组例程,而又无需访问源码,或理解内部工作机制的细节。
目前传统的借助开源地图技术leaflet虽然支持了运动目标轨迹路线的绘制,但不支持运动目标轨迹路线的动态展示。另外,在开源的各种动态轨迹插件中仅满足小点位下的动态展示,在轨迹方向展示中又会有性能或遮挡运动目标等问题,且以上技术都未对重叠点位进行进一步处理。为此,本申请提出了一种运动目标的静态轨迹播放方法、系统及装置,基于浏览器动画及SVG函数对运动目标的运动路径静态轨迹进行播放,解决了现有方法影响运动目标轨迹路线的播放性能以及播放速度的技术问题,从而提高了对运动目标的静态轨迹的播放性能和播放速度。
参阅附图1,图1是根据本发明的一个实施例的运动目标的静态轨迹播放方法的主要步骤流程示意图。如图1所示,本发明实施例中的运动目标的静态轨迹播放方法主要包括下列步骤S101-步骤S104。
步骤S101:获取与运动目标相关的多个运动点位。这里可以通过用户输入的点位的经纬度集合进而获取与运动目标相关的多个运动点位,其中用户输入的经纬度集合是经度和纬度构成的经纬度集合。
步骤S102:基于多个运动点位确定运动目标的静态轨迹。具体来说,该步骤首先基于Leaflet加载地图,具体是在Leaflet上基于地图存储路径加载地图,接着基于获取的多个运动点位的经纬度集合在地图上绘制静态轨迹。
步骤S103:基于轨迹线动态绘制插件PolylineDecorator为静态轨迹添加运动方向,得到带运动方向的运动路径静态轨迹。
步骤S104:基于SVG函数和CSS回调函数对带运动方向的运动路径静态轨迹进行动态播放。运动目标的运动路径静态轨迹进行播放步骤具体由下述步骤S1-步骤S5实现。
S1.确定静态轨迹的总长度和运动目标的运动比分比。具体来说,在该步骤中,可以先基于用户输入点位的经纬度集合确定静态轨迹的总长度M以及当前点位到第一个点位的长度N;接着基于静态轨迹的总长度M以及当前点位到第一个点位的长度N确定当前点位的点位占比,其中当前点位的点位占比为当前点位到第一个点位的长度N与静态轨迹的总长度M的比值;最后基于当前点位的点位占比与预设速度的乘积得到运动目标的运动比分比S,其中这里的预设速度为浏览器默认的运动目标的运行速度。
S2.基于SVG函数、静态轨迹的总长度和运动目标的运动比分比从运动路径静态轨迹中获取当前点位坐标。具体地,基于上述步骤获得静态轨迹的总长度M和运动目标的运动比分比S之后,可以利用SVG函数获得当前点位坐标,这里的SVG函数为SVG.getPointAtLength(M,S)。
S3.基于第一回调函数确定目标点位坐标。该步骤由回调函数transform:translate(x,y)沿静态轨迹对当前点位坐标进行平移,从而得到目标点位坐标,这里的x,y分别为当前点位的横坐标和纵坐标。
S4.基于第二回调函数window.requestAnimationFrame执行运动目标由当前点位坐标到目标点位坐标的动态播放。具体来说,回调函数window.requestAnimationFrame的功能是告诉浏览器,希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画,该回调函数会在浏览器下一次重绘之前执行,调用后如果不关闭,会一直执行更新动画。本申请中使用浏览器原生支持技术,在性能上更有优势。且本方案仅用于目标的轨迹运动,场景针对性更强。
S5.基于步骤S1-S4遍历运动路径静态轨迹上的所有点位,以实现运动路径静态轨迹的动态播放。具体来说,利用上述步骤S1-步骤S4遍历运动目标的整个运动路径静态轨迹上的所有点位,即可实现运动路径静态轨迹的播放。
基于上述步骤S101-步骤S104,通过SVG函数对运动目标的运动路径静态轨迹进行播放,解决了现有方法影响运动目标轨迹路线的播放性能以及播放速度的技术问题,提高了对运动目标的静态轨迹的播放性能和播放速度。另外,本申请中使用SVG原生方案,使得运动目标满足了在大点位下的流畅运动。
在一个实施方式中,如图2所示,在基于SVG函数对运动目标的运动路径静态轨迹进行播放之前,可以对运动目标的运动路径静态轨迹进行预处理,该实施例中的预处理具体包括:通过对比多个运动点位的经纬度集合确定静态轨迹上的重叠点位,接着保存重叠点位中的任意一个并删除其余重叠点位。另外,在该步骤中还可以保存重叠点位的编号以在播放运动目标的静态轨迹时输出至用户端。通过对绘制的运动目标的静态轨迹进行预处理,从而删除了重叠点位,为后续运动目标的静态轨迹进行播放提供了技术支撑,有利于提高运动目标的静态轨迹的播放性能。
在一个实施方式中,运动目标的静态轨迹播放方法进一步包括:在运动目标的运动比分比大于当前点位的点位占比情况下,输出当前点位编号以及当前点位的重叠点位编号。在运动目标的运动比分比满足预设条件的情况下输出点位编号,使得用户能够更清晰的查看静态轨迹上的重叠点位情况,提高了用户体验度。
在一个实施方式中,运动目标的静态轨迹播放方法进一步包括:建立包含不同播放参数的应用程序接口,其中播放参数包括开始、暂停、停止、点位编号和速度中的至少一种;基于应用程序接口和播放参数对运动路径静态轨迹进行动态播放。示例性地,以暂停作为播放参数的实例进行说明,用户点击播放参数的对应的窗口时,应用程序接口获取到暂停播放参数,系统停止对运动目标的静态轨迹的播放。基于其它播放参数对运动路径静态轨迹进行动态播放的实现原理与前述暂停这一播放参数对应的原理相同,这里不赘述。该实施例中通过应用程序接口获取的播放参数确定运动目标的静态轨迹的播放状态或播放速度,满足了用户需求,提高了用户体验度。
需要指出的是,尽管上述实施例中将各个步骤按照特定的先后顺序进行了描述,但是本领域技术人员可以理解,为了实现本发明的效果,不同的步骤之间并非必须按照这样的顺序执行,其可以同时(并行)执行或以其他顺序执行,这些变化都在本发明的保护范围之内。
进一步,本发明还提供了一种运动目标的静态轨迹播放系统。
参阅附图3,图3是根据本发明的一个实施例的运动目标的静态轨迹播放系统的主要结构框图。如图3所示,本发明实施例中的运动目标的静态轨迹播放系统主要包括输入模块11、确定模块12、添加模块13和播放模块14。在一些实施例中,输入模块11、确定模块12、添加模块13和播放模块14中的一个或多个可以合并在一起成为一个模块。在一些实施例中输入模块11可以被配置成获取与所述运动目标相关的多个运动点位。确定模块12可以被配置为基于多个运动点位确定运动目标的静态轨迹。添加模块13可以配置为基于轨迹线动态绘制插件为静态轨迹添加运动方向,得到带运动方向的运动路径静态轨迹;播放模块14可以被配置为基于SVG函数和CSS回调函数对带运动方向的运动路径静态轨迹进行动态播放。一个实施方式中,具体实现功能的描述可以参见步骤S101-步骤S104所述。
在一个实施方式中,所述确定模块包括加载子模块和绘制子模块,其中加载子模块,被配置为基于Leaflet加载地图;绘制子模块被配置为基于获取的多个运动点位的经纬度集合在地图上绘制静态轨迹。
在一个实施方式中,CSS回调函数包括第一回调函数和第二回调函数,播放模块包括长度和比分比确定模块、当前点位坐标获取模块、目标点位坐标确定模块、执行模块和遍历模块,其中长度和比分比确定模块被配置为确定静态轨迹的总长度和运动目标的运动比分比;当前点位坐标获取模块被配置为基于SVG函数、静态轨迹的总长度和运动目标的运动比分比从所述运动路径静态轨迹中获取当前点位坐标;目标点位坐标确定模块被配置为基于第一回调函数确定目标点位坐标;执行模块被配置为基于第二回调函数执行所述运动目标由当前点位坐标到目标点位坐标的动态播放;遍历模块被配置为遍历运动路径静态轨迹上的所有点位,以实现运动路径静态轨迹的动态播放;其中长度和比分比确定模块包括点位占比确定模块和运动比分比确定模块,其中点位占比确定模块,被配置为基于多个运动点位的经纬度集合确定静态轨迹的总长度以及当前点位到第一个点位的长度;基于静态轨迹的总长度以及当前点位到第一个点位的长度确定当前点位的点位占比;运动比分比确定模块被配置为基于当前点位的点位占比与运动目标的预设运动速度确定运动目标的运动比分比。
在一个实施方式中,播放系统还包括预处理模块,预处理模块被配置为基于多个运动点位的经纬度集合确定静态轨迹上的重叠点位;保存重叠点位中的任意一个并删除其余重叠点位。
在一个实施方式中,播放系统进一步包括输出模块,输出模块被配置为在运动目标的运动比分比大于当前点位的点位占比情况下,输出当前点位编号以及当前点位的重叠点位编号。
在一个实施方式中,播放系统进一步包括创建子模块和播放子模块,其中创建子模块被配置为建立包含不同播放参数的应用程序接口,播放参数包括开始、暂停、停止、点位编号和速度中的至少一种;播放子模块被配置为基于应用程序接口和播放参数对运动路径静态轨迹进行动态播放。
上述运动目标的静态轨迹播放系统以用于执行图1所示的运动目标的静态轨迹播放方法实施例,两者的技术原理、所解决的技术问题及产生的技术效果相似,本技术领域技术人员可以清楚地了解到,为了描述的方便和简洁,运动目标的静态轨迹播放系统的具体工作过程及有关说明,可以参考运动目标的静态轨迹播放方法的实施例所描述的内容,此处不再赘述。
本领域技术人员能够理解的是,本发明实现上述一实施例的方法中的全部或部分流程,也可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一计算机可读存储介质中,该计算机程序在被处理器执行时,可实现上述各个方法实施例的步骤。其中,所述计算机程序包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读存储介质可以包括:能够携带所述计算机程序代码的任何实体或装置、介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器、随机存取存储器、电载波信号、电信信号以及软件分发介质等。需要说明的是,所述计算机可读存储介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如在某些司法管辖区,根据立法和专利实践,计算机可读存储介质不包括电载波信号和电信信号。
进一步,本发明还提供了一种控制装置。在根据本发明的一个控制装置实施例中,控制装置包括处理器和存储装置,存储装置可以被配置成存储执行上述方法实施例的运动目标的静态轨迹播放方法的程序,处理器可以被配置成用于执行存储装置中的程序,该程序包括但不限于执行上述方法实施例的运动目标的静态轨迹播放方法的程序。为了便于说明,仅示出了与本发明实施例相关的部分,具体技术细节未揭示的,请参照本发明实施例方法部分。该控制装置可以是包括各种电子设备形成的控制装置设备。
进一步,本发明还提供了一种计算机可读存储介质。在根据本发明的一个计算机可读存储介质实施例中,计算机可读存储介质可以被配置成存储执行上述方法实施例的运动目标的静态轨迹播放方法的程序,该程序可以由处理器加载并运行以实现上述运动目标的静态轨迹播放方法。为了便于说明,仅示出了与本发明实施例相关的部分,具体技术细节未揭示的,请参照本发明实施例方法部分。该计算机可读存储介质可以是包括各种电子设备形成的存储装置设备,可选的,本发明实施例中计算机可读存储介质是非暂时性的计算机可读存储介质。
进一步,应该理解的是,由于各个模块的设定仅仅是为了说明本发明的装置的功能单元,这些模块对应的物理器件可以是处理器本身,或者处理器中软件的一部分,硬件的一部分,或者软件和硬件结合的一部分。因此,图中的各个模块的数量仅仅是示意性的。
本领域技术人员能够理解的是,可以对装置中的各个模块进行适应性地拆分或合并。对具体模块的这种拆分或合并并不会导致技术方案偏离本发明的原理,因此,拆分或合并之后的技术方案都将落入本发明的保护范围内。
至此,已经结合附图所示的优选实施方式描述了本发明的技术方案,但是,本领域技术人员容易理解的是,本发明的保护范围显然不局限于这些具体实施方式。在不偏离本发明的原理的前提下,本领域技术人员可以对相关技术特征作出等同的更改或替换,这些更改或替换之后的技术方案都将落入本发明的保护范围之内。
Claims (13)
1.一种运动目标的静态轨迹播放方法,其特征在于,包括下述步骤:
获取与所述运动目标相关的多个运动点位;
基于多个所述运动点位确定运动目标的静态轨迹;
基于轨迹线动态绘制插件为所述静态轨迹添加运动方向,得到带运动方向的运动路径静态轨迹;
基于SVG函数和CSS回调函数对所述带运动方向的运动路径静态轨迹进行动态播放,所述CSS回调函数包括第一回调函数和第二回调函数,
基于SVG函数和CSS回调函数对所述带运动方向的运动路径静态轨迹进行动态播放包括:
S1.确定所述静态轨迹的总长度和运动目标的运动比分比;
S2.基于SVG函数、所述静态轨迹的总长度和运动目标的运动比分比从所述运动路径静态轨迹中获取当前点位坐标;
S3.基于所述第一回调函数确定目标点位坐标;
S4.基于所述第二回调函数执行所述运动目标由所述当前点位坐标到目标点位坐标的动态播放;
S5.基于步骤S1-S4遍历所述运动路径静态轨迹上的所有点位,以实现所述运动路径静态轨迹的动态播放。
2.根据权利要求1所述的运动目标的静态轨迹播放方法,其特征在于,基于多个所述运动点位确定运动目标的静态轨迹包括:
基于Leaflet加载地图;
基于获取的多个所述运动点位的经纬度集合在所述地图上绘制所述静态轨迹。
3.根据权利要求1所述的运动目标的静态轨迹播放方法,其特征在于,
上述步骤S1包括:
基于多个所述运动点位的经纬度集合确定所述静态轨迹的总长度以及当前点位到第一个点位的长度;
基于所述静态轨迹的总长度以及当前点位到第一个点位的长度确定当前点位的点位占比;
基于所述当前点位的点位占比与所述运动目标的预设运动速度确定运动目标的运动比分比。
4.根据权利要求3所述的运动目标的静态轨迹播放方法,其特征在于,在基于SVG函数和CSS回调函数对所述带运动方向的运动路径静态轨迹进行动态播放之前,对所述运动路径静态轨迹进行预处理,包括:
基于多个所述运动点位的经纬度集合确定所述静态轨迹上的重叠点位;
保存所述重叠点位中的任意一个并删除其余重叠点位。
5.根据权利要求4所述的运动目标的静态轨迹播放方法,其特征在于,所述方法进一步包括:
在所述运动目标的运动比分比大于当前点位的点位占比情况下,输出当前点位编号以及所述当前点位的重叠点位编号。
6.根据权利要求1所述的运动目标的静态轨迹播放方法,其特征在于,所述方法进一步包括:
建立包含不同播放参数的应用程序接口,所述播放参数包括开始、暂停、停止、点位编号和速度中的至少一种;
基于所述应用程序接口和播放参数对所述运动路径静态轨迹进行动态播放。
7.一种运动目标的静态轨迹播放系统,其特征在于,包括:
输入模块,被配置为获取与所述运动目标相关的多个运动点位;
确定模块,被配置为基于多个所述运动点位确定运动目标的静态轨迹;
添加模块,被配置为基于轨迹线动态绘制插件为所述静态轨迹添加运动方向,得到带运动方向的运动路径静态轨迹;
播放模块,被配置为基于SVG函数和CSS回调函数对所述带运动方向的运动路径静态轨迹进行动态播放,所述CSS回调函数包括第一回调函数和第二回调函数,所述播放模块包括:
长度和比分比确定模块,被配置为确定所述静态轨迹的总长度和运动目标的运动比分比;
当前点位坐标获取模块,被配置为基于SVG函数、所述静态轨迹的总长度和运动目标的运动比分比从所述运动路径静态轨迹中获取当前点位坐标;
目标点位坐标确定模块,被配置为基于所述第一回调函数确定目标点位坐标;
执行模块,被配置为基于所述第二回调函数执行所述运动目标由所述当前点位坐标到目标点位坐标的动态播放;
遍历模块,被配置为遍历所述运动路径静态轨迹上的所有点位,以实现所述运动路径静态轨迹的动态播放。
8.根据权利要求7所述的运动目标的静态轨迹播放系统,其特征在于,所述确定模块包括:
加载子模块,被配置为基于Leafl et加载地图;
绘制子模块,被配置为基于获取的多个所述运动点位的经纬度集合在所述地图上绘制所述静态轨迹。
9.根据权利要求7所述的运动目标的静态轨迹播放系统,其特征在于,
所述长度和比分比确定模块包括:
点位占比确定模块,被配置为基于多个所述运动点位的经纬度集合确定所述静态轨迹的总长度以及当前点位到第一个点位的长度;基于所述静态轨迹的总长度以及当前点位到第一个点位的长度确定当前点位的点位占比;
运动比分比确定模块,被配置为基于所述当前点位的点位占比与所述运动目标的预设运动速度确定运动目标的运动比分比。
10.根据权利要求9所述的运动目标的静态轨迹播放系统,其特征在于,所述系统还包括预处理模块,所述预处理模块被配置为基于多个所述运动点位的经纬度集合确定所述静态轨迹上的重叠点位;保存所述重叠点位中的任意一个并删除其余重叠点位。
11.根据权利要求10所述的运动目标的静态轨迹播放系统,其特征在于,所述系统进一步包括输出模块,所述输出模块被配置为在所述运动目标的运动比分比大于当前点位的点位占比情况下,输出当前点位编号以及所述当前点位的重叠点位编号。
12.一种控制装置,包括处理器和存储装置,所述存储装置适于存储多条程序代码,其特征在于,所述程序代码适于由所述处理器加载并运行以执行权利要求1至6中任一项所述的运动目标的静态轨迹播放方法。
13.一种计算机可读存储介质,其中存储有多条程序代码,其特征在于,所述程序代码适于由处理器加载并运行以执行权利要求1至6中任一项所述的运动目标的静态轨迹播放方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111506333.8A CN114201566B (zh) | 2021-12-10 | 2021-12-10 | 运动目标的静态轨迹播放方法、系统及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111506333.8A CN114201566B (zh) | 2021-12-10 | 2021-12-10 | 运动目标的静态轨迹播放方法、系统及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114201566A CN114201566A (zh) | 2022-03-18 |
CN114201566B true CN114201566B (zh) | 2024-06-04 |
Family
ID=80652376
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111506333.8A Active CN114201566B (zh) | 2021-12-10 | 2021-12-10 | 运动目标的静态轨迹播放方法、系统及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114201566B (zh) |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2016081187A (ja) * | 2014-10-14 | 2016-05-16 | キヤノン株式会社 | 情報処理装置、情報処理システム、情報処理装置の制御方法、及びコンピュータプログラム |
CN106683037A (zh) * | 2015-11-06 | 2017-05-17 | 阿里巴巴集团控股有限公司 | 三维可视化移动轨迹数据的方法和设备 |
CN106920268A (zh) * | 2017-02-16 | 2017-07-04 | 北京西普阳光教育科技股份有限公司 | 一种基于svg实现两点动态连线的方法 |
CN108133506A (zh) * | 2016-12-01 | 2018-06-08 | 阿里巴巴集团控股有限公司 | 实现线条动态效果的方法、装置及系统 |
CN109255046A (zh) * | 2018-08-21 | 2019-01-22 | 浙江浙大中控信息技术有限公司 | 矢量图元的动态实现方法 |
CN110235181A (zh) * | 2017-06-13 | 2019-09-13 | 谷歌有限责任公司 | 用于编写跨浏览器html5运动路径动画的系统和方法 |
CN110555123A (zh) * | 2019-07-23 | 2019-12-10 | 平安国际智慧城市科技股份有限公司 | 界面元素曲线运动的处理方法、装置和计算机设备 |
CN110570501A (zh) * | 2018-06-06 | 2019-12-13 | 腾讯科技(深圳)有限公司 | 一种线条动画绘制方法及其设备、存储介质、电子设备 |
CN111063010A (zh) * | 2019-12-12 | 2020-04-24 | 北京明略软件系统有限公司 | 地图运动轨迹动画实现方法、装置、电子设备及存储介质 |
CN112288837A (zh) * | 2020-09-22 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | Svg路径动画播放方法、装置及存储介质 |
CN112346635A (zh) * | 2020-10-22 | 2021-02-09 | 杭州安恒信息技术股份有限公司 | 基于svg实现滑块效果的方法、装置和计算机设备 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8239749B2 (en) * | 2004-06-25 | 2012-08-07 | Apple Inc. | Procedurally expressing graphic objects for web pages |
US9070314B2 (en) * | 2012-06-05 | 2015-06-30 | Apple Inc. | Method, system and apparatus for rendering a map according to texture masks |
-
2021
- 2021-12-10 CN CN202111506333.8A patent/CN114201566B/zh active Active
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2016081187A (ja) * | 2014-10-14 | 2016-05-16 | キヤノン株式会社 | 情報処理装置、情報処理システム、情報処理装置の制御方法、及びコンピュータプログラム |
CN106683037A (zh) * | 2015-11-06 | 2017-05-17 | 阿里巴巴集团控股有限公司 | 三维可视化移动轨迹数据的方法和设备 |
CN108133506A (zh) * | 2016-12-01 | 2018-06-08 | 阿里巴巴集团控股有限公司 | 实现线条动态效果的方法、装置及系统 |
CN106920268A (zh) * | 2017-02-16 | 2017-07-04 | 北京西普阳光教育科技股份有限公司 | 一种基于svg实现两点动态连线的方法 |
CN110235181A (zh) * | 2017-06-13 | 2019-09-13 | 谷歌有限责任公司 | 用于编写跨浏览器html5运动路径动画的系统和方法 |
CN110570501A (zh) * | 2018-06-06 | 2019-12-13 | 腾讯科技(深圳)有限公司 | 一种线条动画绘制方法及其设备、存储介质、电子设备 |
CN109255046A (zh) * | 2018-08-21 | 2019-01-22 | 浙江浙大中控信息技术有限公司 | 矢量图元的动态实现方法 |
CN110555123A (zh) * | 2019-07-23 | 2019-12-10 | 平安国际智慧城市科技股份有限公司 | 界面元素曲线运动的处理方法、装置和计算机设备 |
CN111063010A (zh) * | 2019-12-12 | 2020-04-24 | 北京明略软件系统有限公司 | 地图运动轨迹动画实现方法、装置、电子设备及存储介质 |
CN112288837A (zh) * | 2020-09-22 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | Svg路径动画播放方法、装置及存储介质 |
CN112346635A (zh) * | 2020-10-22 | 2021-02-09 | 杭州安恒信息技术股份有限公司 | 基于svg实现滑块效果的方法、装置和计算机设备 |
Non-Patent Citations (4)
Title |
---|
"HTML5新特性在移动平台中的应用研究";黄磊、张媛;《数字技术与应用》;20150915(第09期);102+119页 * |
基于SVG和Ajax的矢量图形处理研究;段保霞;彭建伟;;科技广场;20080701(07);115-117 * |
基于SVG的实时Web GIS技术研究;钱瑞伟;孔婷;李俊;潘金贵;;计算机科学;20071125(11);90-92+109 * |
王永滨,洪志国,曹轶臻.《融媒体服务模式与技术》.北京:中国传媒大学出版社,105-107页. * |
Also Published As
Publication number | Publication date |
---|---|
CN114201566A (zh) | 2022-03-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9307342B2 (en) | Dynamic rendering for software applications | |
US11483264B2 (en) | Information interaction method, apparatus, device, storage medium and program product | |
CN107181803B (zh) | 用于播放视频的方法和装置 | |
CN111399956A (zh) | 应用于显示设备的内容展示方法、装置和电子设备 | |
JP7182689B2 (ja) | ビデオフレーム処理方法及び装置 | |
CN111314626A (zh) | 用于处理视频的方法和装置 | |
CN110058854A (zh) | 用于生成应用的方法、终端设备和计算机可读介质 | |
CN111580808B (zh) | 页面生成方法、装置、计算机设备及存储介质 | |
CN112423111A (zh) | 图形引擎和适用于播放器的图形处理方法 | |
CN110162394B (zh) | 媒体对象的播放方法、装置、电子设备及存储介质 | |
KR102652069B1 (ko) | 정보 지시 방법, 장치, 전자기기 및 저장매체 | |
CN114201566B (zh) | 运动目标的静态轨迹播放方法、系统及装置 | |
CN110704740A (zh) | 用于呈现信息的方法和设备 | |
CN110597432B (zh) | 界面控制方法、装置、计算机可读介质及电子设备 | |
CN110618811B (zh) | 信息呈现方法和装置 | |
CN111127607A (zh) | 一种动画生成方法、装置、设备及介质 | |
CN113144606B (zh) | 虚拟对象的技能触发方法及相关设备 | |
Godwin-Jones | New developments in web browsing and authoring | |
CN111111197B (zh) | 一种基于DirectX平台的游戏引擎数据处理系统及方法 | |
CN109614564B (zh) | 提升WebView与H5交互实时性的方法及装置 | |
CN113177176A (zh) | 特征构建方法、内容显示方法及相关装置 | |
CN112698882A (zh) | 一种页面组件加载方法及装置 | |
CN111580872A (zh) | 应用程序的运行方法、装置、电子设备及可读存储介质 | |
CN112306339B (zh) | 用于显示图像的方法和装置 | |
CN109903785B (zh) | 用于缓存音频数据的方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |