网页动画生成方法及装置制造方法及图纸

本发明专利技术公开了一种网页动画生成方法及装置。其中，该方法包括：获取图像运动信息，其中，图像运动信息用于表征图像在显示界面中的显示效果；接收外部输入的操作指令，其中，操作指令用于启动图像以动画的形式进行显示；响应操作指令，控制图像按照图像运动信息在显示界面中以动画的形式进行显示。本发明专利技术解决了由于浏览器与预先制作的动画显示效果不兼容而导致的用户体验差的技术问题。

【技术实现步骤摘要】

本专利技术涉及互联网领域，具体而言，涉及一种网页动画生成方法及装置。
技术介绍
如今，随着互联网技术的迅猛发展，智能设备变得越来越普及。人们可以利用身边的智能设备，快捷、方便的接入互联网，并利用智能终端系统中的浏览器浏览各类网页。网站为了提升用户在浏览网页时的浏览体验，通常会预先为网页页面设置特定的动画，来对用户的操作进行视觉上的反馈。例如，在用户通过点击链接对页面进行跳转时，通过预先设置的淡入淡出动画显示效果对页面进行切换过程进行显示；在用户通过滑动对网页中的图像进行切换时，通过预先设置的滚动动画显示效果对图像进行切换过程进行显示。然而，目前的智能终端种类非常多，并且用户所使用的浏览器也各不相同。因此，使用预先制作的动画显示效果，会存在以下缺点：1、预先制作的动画显示效果，制作过程非常复杂，增加了开发成本；2、预先制作的动画显示效果，因部分浏览器的兼容性的问题导致无法显示，影响用户体验。针对上述由于浏览器与预先制作的动画显示效果不兼容而导致的用户体验差的问题，目前尚未提出有效的解决方案。
技术实现思路
本专利技术实施例提供了一种网页动画生成方法及装置，以至少解决由于浏览器与预先制作的动画显示效果不兼容而导致的用户体验差的技术问题。根据本专利技术实施例的一个方面，提供了一种网页动画生成方法，包括：获取图像运动信息，其中，图像运动信息用于表征图像在显示界面中的显示效果；接收外部输入的操作指令，其中，操作指令用于启动图像以动画的形式进行显示；响应操作指令，控制图像按照图像运动信息在显示界面中以动画的形式进行显示。根据本专利技术实施例的另一方面，还提供了一种网页动画生成装置，包括：获取模块，用于获取图像运动信息，其中，图像运动信息用于表征图像在显示界面中的显示效果；接收模块，用于接收外部输入的操作指令，其中，操作指令用于启动图像以动画的形式进行显示；动画模块，用于响应操作指令，控制图像按照图像运动信息在显示界面中以动画的形式进行显示。在本专利技术实施例中，采用获取图像运动信息，其中，图像运动信息用于表征图像在显示界面中的显示效果；接收外部输入的操作指令，其中，操作指令用于启动图像以动画的形式进行显示；响应操作指令，控制图像按照图像运动信息在显示界面中以动画的形式进行显示的方式，通过获取模块，用于获取图像运动信息，其中，图像运动信息用于表征图像在显示界面中的显示效果；接收模块，用于接收外部输入的操作指令，其中，操作指令用于启动图像以动画的形式进行显示；动画模块，用于响应操作指令，控制图像按照图像运动信息在显示界面中以动画的形式进行显示，达到了在网页中通过以实时生成的方式与用户的操作进行动画交互的目的，从而实现了根据用户的触发信号在网页中实时生成的动画显示效果的技术效果，进而解决了由于浏览器与预先制作的动画显示效果不兼容而导致的用户体验差的技术问题。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：图1是本专利技术实施例的一种实现网页动画生成方法的计算机终端的硬件结构框图；图2是根据本专利技术实施例的一种网页动画生成方法的流程示意图；图3是根据本专利技术实施例的一种网页动画生成方法的具体实施方式的详细流程图；图4是根据本专利技术实施例的一种可选的网页动画生成方法的页面示意图；图5是根据本专利技术实施例的一种可选的网页动画生成方法的页面示意图；图6是根据本专利技术实施例的一种可选的网页动画生成方法的页面示意图；图7是根据本专利技术实施例的一种可选的网页动画生成方法的页面示意图；图8是根据本专利技术实施例的一种网页动画生成装置的结构示意图；图9是根据本专利技术实施例的一种可选的网页动画生成装置的结构示意图；图10是根据本专利技术实施例的一种可选的网页动画生成装置的动画模块的结构示意图；图11是根据本专利技术实施例的一种可选的网页动画生成装置的动画模块的结构示意图；图12是根据本专利技术实施例的一种可选的网页动画生成装置的动画模块的结构示意图；以及图13是根据本专利技术实施例的一种可选的网页动画生成装置的动画模块的结构示意图。具体实施方式为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范围。需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。实施例1根据本专利技术实施例，提供了一种网页动画生成方法的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。本申请实施例一所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。以运行在计算机终端上为例，图1是本专利技术实施例的一种实现网页动画生成方法的计算机终端的硬件结构框图。如图1所示，计算机终端10可以包括一个或多个(图中仅示出一个)处理器102(处理器102可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)、用于存储数据的存储器104、以及用于通信功能的传输模块106。本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对上述电子装置的结构造成限定。例如，计算机终端10还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。存储器104可用于存储应用软件的软件程序以及模块，如本专利技术实施例中的网页动画生成方法对应的程序指令/模块，处理器102通过运行存储在存储器104内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的网页动画生成方法。存储器104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器104可进一步包括相对于处理器102远程设置的存储器，这些远程存储器可以通过网络连接至计算机终端10。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。传输装置106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括计算机终端10的通信供应商提供的无线网络。在一个实例中，传输装置106包括一个网络适配器(NetworkInterfaceController，NIC)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输装置106可以为射频(RadioFrequ本文档来自技高网...

【技术保护点】
一种网页动画生成方法，其特征在于，包括：获取图像运动信息，其中，所述图像运动信息用于表征图像在显示界面中的显示效果；接收外部输入的操作指令，其中，所述操作指令用于启动所述图像以动画的形式进行显示；响应所述操作指令，控制所述图像按照所述图像运动信息在所述显示界面中以所述动画的形式进行显示。

【技术特征摘要】
1.一种网页动画生成方法，其特征在于，包括：获取图像运动信息，其中，所述图像运动信息用于表征图像在显示界面中的显示效果；接收外部输入的操作指令，其中，所述操作指令用于启动所述图像以动画的形式进行显示；响应所述操作指令，控制所述图像按照所述图像运动信息在所述显示界面中以所述动画的形式进行显示。2.根据权利要求1所述的方法，其特征在于，响应所述操作指令，控制所述图像按照所述图像运动信息在所述显示界面中以所述动画的形式进行显示，包括：根据所述外部输入的操作指令，调用用于生成网页动画的动画类；通过所述动画类读取所述图像运动信息，并控制所述图像在所述显示界面中以所述动画的形式进行显示。3.根据权利要求2所述的方法，其特征在于，所述图像运动信息至少包括：初始位置信息、目标位置信息以及运动时间信息，其中，所述初始位置信息用于记录所述图像在所述显示界面中的第一显示位置，所述目标位置信息用于记录所述图像在所述显示界面中的第二显示位置，所述运动时间信息用于记录所述图像由所述第一显示位置移动至所述第二显示位置所需要的时间长度。4.根据权利要求3所述的方法，其特征在于，在所述图像运动信息包括所述初始位置信息、所述目标位置信息和所述运动时间信息时，控制所述图像按照所述图像运动信息在所述显示界面中以所述动画的形式进行显示，包括：读取与所述图像对应的所述图像运动信息；控制所述图像在所述运动时间信息记录的时间长度内，由所述第
\t一显示位置移动至所述第二显示位置。5.根据权利要求4所述的方法，其特征在于，在读取与所述图像对应的所述图像运动信息之后，还包括：获取所述显示界面的实际分辨率；根据所述实际分辨率和所述图像运动信息，计算得到所述图像在所述显示界面中的所述第一显示位置和所述第二显示位置。6.根据权利要求5所述的方法，其特征在于，所述图像运动信息还包括：旋转角度信息，所述旋转角度信息用于记录所述图像在所述显示界面中以所述图像的中心点为轴心进行旋转的角度，其中，在控制所述图像在所述运动时间信息记录的时间长度内，由所述第一显示位置移动至所述第二显示位置的同时，控制所述图像按照所述旋转角度信息记录的所述角度进行旋转。7.根据权利要求6所述的方法，其特征在于，所述图像运动信息还包括：初始缩放信息、目标缩放信息，所述初始缩放信息用于记录所述图像在所述显示界面中的第一缩放比例，所述目标缩放信息用于记录所述图像在所述显示界面中的第二缩放比例，其中，在控制所述图像在所述运动时间信息记录的所述时间长度内，由所述第一显示位置移动至所述第二显示位置的同时，控制所述图像由所述第一缩放比例缩放至所述第二缩放比例。8.根据权利要求7所述的方法，其特征在于，所述图像运动信息还包括：初始透明度信息和目标透明度信息，所述初...

【专利技术属性】
技术研发人员：王荣荣，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44