【技术实现步骤摘要】
本申请涉及图像处理，更具体地说，涉及一种基于路径点的动态页面生成方法、系统、设备及介质。
技术介绍
1、随着图像处理技术的发展，用户可以在动态页面上制作动画等来丰富动态页面的内容，比如在页面上制作旋转的风车等，然而，此过程需要用户手动在页面上设置每个对象的信息，操作复杂，效率低，适用性差。
2、综上所述，如何快速生成动态页面是目前本领域技术人员亟待解决的问题。
技术实现思路
1、本申请的目的是提供一种基于路径点的动态页面生成方法，其能在一定程度上解决如何快速生成动态页面的技术问题。本申请还提供了一种基于路径点的动态页面生成系统、电子设备及计算机可读存储介质。
2、为了实现上述目的，本申请提供如下技术方案：
3、一种基于路径点的动态页面生成方法，包括：
4、获取目标页面上的目标路径点；
5、根据所述目标路径点确定各类目标路径段；
6、确定所述目标路径段上的目标ui元素在每一帧下的显示属性信息；
7、按照设定的帧率确定当前帧，根据当前帧对应的所述显示属性信息在所述目标页面上显示所述目标ui元素，以生成所述目标页面对应的动态页面。
8、优选的，所述目标ui元素包括第一ui元素，所述第一ui元素包括移动类ui元素；
9、所述确定所述目标路径段上的目标ui元素在每一帧下的显示属性信息，包括：
10、确定所述目标路径段上的所述第一ui元素在每一帧下的所处路径点；
12、将所述第一ui元素在每一帧下的所述所处路径点和所述第一动作作为所述显示属性信息。
13、优选的，所述目标ui元素包括第二ui元素，所述第二ui元素包括显示位置固定的ui元素；
14、所述确定所述目标路径段上的目标ui元素在每一帧下的显示属性信息，包括：
15、确定所述目标路径段上的所述第二ui元素的固定显示路径点；
16、确定所述第二ui元素在每一帧下的显示与否信息；
17、确定所述第二ui元素在每一帧下的第二动作，所述第二动作包括静止、缩放、平移和旋转中的至少一种；
18、将所述固定显示路径点、所述第二ui元素在每一帧下的所述显示与否信息、所述第二动作作为所述显示属性信息。
19、优选的，所述按照设定的帧率确定当前帧之后，还包括：
20、确定所述目标路径段的总长度；
21、通过截取公式，根据所述总长度确定当前路径点对应的截取路径片段；
22、为所述截取路径片段添加对应的发光效果，以实现为所述目标路径段添加流光效果；
23、所述截取公式包括：
24、a＝l*v；
25、b＝(a-(0.5-abs(v-0.5))*l)；
26、其中，a表示所述截取路径片段的终止路径点；l表示所述总长度；v表示当前路径点对应的帧率进度；b表示所述截取路径片段的起始路径点；abs表示取绝对值。
27、优选的，所述获取目标页面上的目标路径点，包括：
28、获取目标页面上的初始路径点；
29、对所述初始路径点进行筛选，得到关键路径点；
30、基于所述关键路径点进行路径点补充，得到所述目标路径点。
31、优选的，所述对所述初始路径点进行筛选，得到关键路径点，包括：
32、对于任意相邻的两个所述初始路径点，将相邻的两个所述初始路径点中的前一个所述初始路径点作为当前路径点，将后一个所述初始路径点作为下一路径点；
33、计算当前路径点与下一路径点间的第一倾斜夹角；
34、计算当前路径点与上一轮优化的当前路径点间的第二倾斜夹角；
35、计算所述第一倾斜夹角和所述第二倾斜夹角的差值的绝对值；
36、判断所述绝对值是否大于第一预设值；
37、若所述绝对值小于等于所述第一预设值，则将当前路径点作为所述关键路径点；
38、若所述绝对值大于所述第一预设值，则判断当前路径点与上一轮优化的当前路径点间的坐标差值是否大于第二预设值；
39、若所述坐标差值大于所述第二预设值，则将当前路径点作为所述关键路径点。
40、优选的，所述根据所述目标路径点确定各类目标路径段，包括：
41、对于任意相邻的两个所述目标路径点，计算相邻的两个所述目标路径点间的第三倾斜夹角；
42、判断所述第三倾斜夹角是否大于第三预设值；
43、若所述第三倾斜夹角小于等于所述第三预设值，则确定相邻的两个所述目标路径点间的所述目标路径段为平整路径段；
44、若所述第三倾斜夹角大于所述第三预设值，则在相邻的两个所述目标路径点间添加中间控制点，将相邻的两个所述目标路径点和所述中间控制点间的所述目标路径段确定为跳跃路径段。
45、一种基于路径点的动态页面生成系统，包括：
46、第一获取模块，用于获取目标页面上的目标路径点；
47、第一确定模块，用于根据所述目标路径点确定各类目标路径段；
48、第二确定模块，用于确定所述目标路径段上的目标ui元素在每一帧下的显示属性信息；
49、第一显示模块，用于按照设定的帧率确定当前帧，根据当前帧对应的所述显示属性信息在所述目标页面上显示所述目标ui元素，以生成所述目标页面对应的动态页面。
50、一种电子设备，包括：
51、存储器，用于存储计算机程序；
52、处理器，用于执行所述计算机程序时实现如上任一所述基于路径点的动态页面生成方法的步骤。
53、一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机程序，所述计算机程序被处理器执行时实现如上任一所述基于路径点的动态页面生成方法的步骤。
54、本申请提供的一种基于路径点的动态页面生成方法，获取目标页面上的目标路径点；根据目标路径点确定各类目标路径段；确定目标路径段上的目标ui元素在每一帧下的显示属性信息；按照设定的帧率确定当前帧，根据当前帧对应的显示属性信息在目标页面上显示目标ui元素，以生成目标页面对应的动态页面。本申请可以根据目标页面上的目标路径点确定目标路径段，确定目标路径段上的目标ui元素在每一帧下的显示属性信息，并可以根据帧率对应的显示属性信息在目标页面上以路径点为粒度来显示目标ui元素，实现了根据路径点自动显示目标页面上的目标ui元素，效率高，适用性好。本申请提供的一种基于路径点的动态页面生成系统、电子设备及计算机可读存储介质也解决了相应技术问题。
本文档来自技高网...【技术保护点】
1.一种基于路径点的动态页面生成方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，所述目标UI元素包括第一UI元素，所述第一UI元素包括移动类UI元素；
3.根据权利要求1所述的方法，其特征在于，所述目标UI元素包括第二UI元素，所述第二UI元素包括显示位置固定的UI元素；
4.根据权利要求1所述的方法，其特征在于，所述按照设定的帧率确定当前帧之后，还包括：
5.根据权利要求1所述的方法，其特征在于，所述获取目标页面上的目标路径点，包括：
6.根据权利要求5所述的方法，其特征在于，所述对所述初始路径点进行筛选，得到关键路径点，包括：
7.根据权利要求1所述的方法，其特征在于，所述根据所述目标路径点确定各类目标路径段，包括：
8.一种基于路径点的动态页面生成系统，其特征在于，包括：
9.一种电子设备，其特征在于，包括：
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7任一项所
...【技术特征摘要】
1.一种基于路径点的动态页面生成方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，所述目标ui元素包括第一ui元素，所述第一ui元素包括移动类ui元素；
3.根据权利要求1所述的方法，其特征在于，所述目标ui元素包括第二ui元素，所述第二ui元素包括显示位置固定的ui元素；
4.根据权利要求1所述的方法，其特征在于，所述按照设定的帧率确定当前帧之后，还包括：
5.根据权利要求1所述的方法，其特征在于，所述获取目标页面上的目标路径点，包括：
...【专利技术属性】
技术研发人员：李良义，
申请(专利权)人：宜宾市极米光电有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。