一种基于页面的视觉特效创建方法、系统、设备及介质技术方案

技术编号:35412440 阅读:19 留言:0更新日期:2022-11-03 11:09
本申请提供了一种基于页面的视觉特效创建方法、系统、设备及介质,属于互联网技术领域。该方法包括:获取用户配置的待创建视觉特效的特效属性值;获取待创建视觉特效对应网页页面的运行环境;根据运行环境确定目标图像识别接口;根据目标图像识别接口对待创建视觉特效的特效属性值进行解析,生成渲染指令;调用目标图像识别接口对渲染指令进行处理,以将待创建视觉特效渲染和绘制在网页页面上。本申请解决了创建视觉特效的过程复杂,视觉特效占用的文件大小较大,开发成本高的问题。开发成本高的问题。开发成本高的问题。

【技术实现步骤摘要】
一种基于页面的视觉特效创建方法、系统、设备及介质


[0001]本申请涉及互联网
,尤其涉及一种基于页面的视觉特效创建方法、系统、设备及介质。

技术介绍

[0002]目前常见的H5(HTML5)页面营销活动视觉特效的创建方案,可以采用基于动态图片(Graphics Interchange Format,GIF)的实现方案,依赖于UI(界面)设计师对视觉特效进行逐帧设计,如果视觉特效的过程比较复杂,会导致最终的GIF动态图片文件大小较大,不利于在手机上下载展示。
[0003]也可以采用基于CSS(Cascading Style Sheet)动画和JavaScript DOM动画的实现方案,但只能实现比较简单和单一的视觉特效,比如针对坐标位置和自身大小的旋转、位移和缩放,以及颜色的变化。
[0004]还可以采用基于图像识别接口的渲染,但开发成本较高,在使用不同图像识别接口的设备上需要开发不同的代码,针对同一视觉特效,需要有多份代码开发。

技术实现思路

[0005]本申请实施例的主要目的在于提出一种基于页面的视觉特本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于页面的视觉特效创建方法,其特征在于,所述方法包括:获取用户配置的待创建视觉特效的特效属性值;获取所述待创建视觉特效对应网页页面的运行环境;根据所述运行环境确定目标图像识别接口;根据所述目标图像识别接口对所述待创建视觉特效的特效属性值进行解析,生成渲染指令;调用所述目标图像识别接口对所述渲染指令进行处理,以将所述待创建视觉特效渲染和绘制在所述网页页面上。2.根据权利要求1所述的一种基于页面的视觉特效创建方法,其特征在于,所述获取用户配置的待创建视觉特效的特效属性值,包括以下之一:根据用户在视觉特效属性配置页面中对新建的视觉特效的特效属性值的设置操作,得到用户配置的待创建视觉特效的特效属性值;根据用户在视觉特效属性配置页面中对已保存的视觉特效的特效属性值的修改操作,得到用户配置的待创建视觉特效的特效属性值。3.根据权利要求2所述的一种基于页面的视觉特效创建方法,其特征在于,在获取用户配置的待创建视觉特效的特效属性值之后,还包括:响应于所述用户的保存指令,保存所述待创建视觉特效的特效属性值。4.根据权利要求1至3任一所述的一种基于页面的视觉特效创建方法,其特征在于,所述特效属性值包括显示属性值、动作属性值、时间属性值,所述显示属性值表征颜色变化,所述动作属性值表征动态变化方式,所述时间属性值表征动态变化时长。5.根据权利要求1所述的一种基于页面的视觉特效创建方法,其特征在于,所述待创建视觉特效的特效属性值为文本格式;所述根据所述目标图像识别接口对所述待创建视觉特效的特效属性值进行解析,生成渲染指令,包括:从所述待创建视觉特效的特效属性值的文本中获取预设关键词的键值;根据所述预设关键词的键值生成渲染指令;所述预设关键词包括:显示属性关键词、动作属性关键词和时间属性关键词。6.根据权利要求1所述的一种基于页...

【专利技术属性】
技术研发人员:但江
申请(专利权)人:中国平安人寿保险股份有限公司
类型:发明
国别省市:

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

1