一种浏览器中图形的动态展示方法及装置的制造方法
【技术领域】
[0001]本申请涉及图形动态展示技术领域，特别是涉及一种浏览器中图形的动态展示方法及装置。
【背景技术】
[0002]随着人们生活水平的提高，互联网在人们的日常生活中起着越来越重要的作用，尤其是在浏览器中动态展示图形的技术，已成为互联网的重点发展方向之一。
[0003]在浏览器中动态展示图形目前比较成熟的方式是:通过flash等第三方插件来实现浏览器中图形的动态展示。然而，虽然利用flash等第三方插件可实现在浏览器中动态展示图形的目的。但是，因使用第三方插件需要额外对浏览器进行安装部署插件工作，因此不仅存在额外的资源开销的问题、而且存在易出现安全隐患的问题。
【发明内容】
[0004]有鉴于此，本申请提供一种浏览器中图形的动态展示方法及装置，以避免现有技术实现在浏览器中动态展示图形的过程中，因使用第三方插件需额外对浏览器进行安装部署插件工作，而导致的存在额外的资源开销，以及易出现安全隐患的问题。
[0005]为了实现上述目的，本发明实施例提供的技术方案如下:
[0006]一种浏览器中图形的动态展示方法，包括:
[0007]接收第一待展示动态图形数据；
[0008]调用面向对象接口利用预先设置的基于浏览器支持的脚本语言生成的图元信息，实例化所述第一待展示动态图形数据，生成动态图元对象；
[0009]调用浏览器的Canvas对象，利用所述图元信息对所述动态图元对象进行渲染，得到并展示动态图形。
[0010]优选的，在上述所述的浏览器中图形的动态展示方法的执行过程中，还包括:
[0011]捕获所述浏览器的Canvas对象的触发事件；
[0012]获取与所述触发事件对应的第二待展示动态图形数据；
[0013]将所述第二待展示动态图形数据作为第一待展示动态图形数据。
[0014]优选的，所述图元信息的生成过程为:
[0015]响应用户第一定义操作，生成图元的基本属性信息，所述图元的基本属性信息是基于浏览器支持的脚本语言生成的；
[0016]响应用户第二定义操作，生成与所述图元对应的可供操作的方法，所述可供操作的方法是基于所述脚本语言生成的；
[0017]响应用户封装操作，将所述图元的基本属性信息和可供操作的方法进行面向对象的封装，生成图元信息。
[0018]优选的，所述基本属性信息为:图层信息、基础几何图形信息和/或渲染样式信息。
[0019]优选的，所述脚本语言为JavaScript脚本语言。
[0020]一种浏览器中图形的动态展示装置，包括:
[0021]数据接收单元，用于接收第一待展示动态图形数据；
[0022]实例化单元，用于调用面向对象接口利用预先设置的基于浏览器支持的脚本语言生成的图元信息，实例化所述第一待展示动态图形数据，生成动态图元对象；
[0023]渲染单元，用于调用浏览器的Canvas对象，利用所述图元信息对所述动态图元对象进行渲染，得到并展示动态图形。
[0024]优选的，还包括:
[0025]交互单元，用于捕获所述浏览器的Canvas对象的触发事件；以及，获取与所述触发事件对应的第二待展示动态图形数据；以及，将所述第二待展示动态图形数据作为第一待展示动态图形数据。
[0026]优选的，还包括:
[0027]图元信息生成单元，用于响应用户第一定义操作，生成图元的基本属性信息，所述图元的基本属性信息是基于浏览器支持的脚本语言生成的；以及，响应用户第二定义操作，生成与所述图元对应的可供操作的方法，所述可供操作的方法是基于所述脚本语言生成的；以及，响应用户封装操作，将所述图元的基本属性信息和可供操作的方法进行面向对象的封装，生成图元信息。
[0028]优选的，所述基本属性信息为:图层信息、基础几何图形信息和/或渲染样式信息。
[0029]优选的，所述脚本语言为JavaScript脚本语言。
[0030]本申请提供一种浏览器中图形的动态展示方法及装置，通过调用面向对象接口利用预先设置的基于浏览器支持的脚本语言生成的图元信息，实例化接收到的第一待展示动态图形数据，生成动态图元对象，进而使得通过直接调用浏览器的Canvas对象，利用图元信息对动态图元对象进行渲染，即可得到并展示动态图形，避免了现有技术实现在浏览器中动态展示图形的过程中，因使用第三方插件需额外对浏览器进行安装部署插件工作，而导致的存在额外的资源开销，以及易出现安全隐患的问题。
【附图说明】
[0031]为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。
[0032]图1为本申请实施例一提供的一种浏览器中图形的动态展示方法流程图；
[0033]图2为本申请实施例一提供的一种图元信息的生成方法流程图；
[0034]图3为本申请实施例二提供的一种浏览器中图形的动态展示装置的结构示意图。
【具体实施方式】
[0035]下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
[0036]实施例一:
[0037]图1为本申请实施例一提供的一种浏览器中图形的动态展示方法流程图。
[0038]如图1所示，该方法包括:
[0039]S101、接收第一待展示动态图形数据；
[0040]S102、调用面向对象接口利用预先设置的基于浏览器支持的脚本语言生成的图元信息，实例化第一待展示动态图形数据，生成动态图元对象；
[0041]在本申请实施例中，优选的，预先设置有基于浏览器支持的脚本语言生成的图元信息，并且该图元信息对外提供面向对象接口，进而通过调用面向对象接口，即可利用预先设置基于浏览器支持的脚本语言生成的图元信息，实例化第一待展示图形数据，以生成动态图元对象。
[0042]具体的，预先设置图元信息的过程可以为预先在浏览器中加载图元信息的过程，以上仅仅是本申请实施例的优选方式，发明人可根据自己的需求任意设置预先设置图元信息的过程，在此不做限定。
[0043]在本申请实施例中，优选的，浏览器为支持HTML5技术标准的Internet浏览器，如:谷歌浏览器。
[0044]以上仅仅是本申请实施例的优选方式，发明人可根据自己的需求任意设置浏览器的具体形式，在此不做限定。
[0045]S103、调用浏览器的Canvas对象，利用图元信息对动态图元对象进行植染，得到并展示动态图形。
[0046]在本申请实施例中，优选的，通过操作浏览器的Canvas对象实现利用图元信息对动态图元的动态渲染，在渲染时遵循图元信息的数据标准，得到并展示动态图形。
[0047]本申请提供一种浏览器中图形的动态展示方法，通过调用面向对象接口利用预先设置的基于浏览器支持的脚本语言生成的图元信息，实例化接收到的第一待展示动态图形数据，生成动态图元对象，进而使得通过直接调用浏览器的Canvas对象，利用图元信息对动态图元对象进行渲染，即可得到并展示动态图形，避免了现有技术实现在浏览器中动态展示图形的过程中，因使用第三方插件需额外对浏览器进行安装部署插件工作，而导致的存在额外的资源开销，以及易出现安全隐患的问题。
[0048]进一步的，在本申请实施例提供的一种浏览器中图形的动态展示方法的执行过程中，还包括:捕获浏览器的Canvas对象的触发事件；以及，获取与触发事件对应的第二待展示动态图形数据；以及，将第二待展示动态图形数据作为第一待展示动态图形数据。
[0049]例如，在接收到第一待展示动态图形数据之后，调用面向对象接口利用预先设置的基于浏览器支持的脚本语言生成的图元信息，实例化所述第一待展示动态图形数据，生成动态图元对象之前，执行“捕获浏览器的Canvas对象的触发事件；以及，获取与触发事件对应的第二待展示动态图形数据；以及，将第二待展示动态图形数据作为第一待展示动态图形数据”过程。以上仅仅是本申请实施例的优选方式，在此并不限定执行“捕获浏览器的Canvas对象的触发事件；以及，获取与触发事件对应的第二待展示动态图形数据；以及，将第二待展示动态图形数据作为第一待展示动态图形数据”过程的具体时间。
[0050]具体的，在上述实施例提供的如图1所示的浏览器中图形的动态展示方法的执行过程中，进一步包括，捕获浏览器的Canvas对象的触发事件，获取与该触发事件对应的第二待展示动态图形数据，进而将第二待展示动态图形数据作为第一待展示动态图形数据，通过上述图1所示的浏览器中图形的动态展示方法实现对第二待展示动态图形数据的动态图形展示。
[0051]具体的，在通过上述图1所示的浏览器中图形的动态展示方法实现对第二待展示动态图形数据的动态图形展示的过程中，原先的第一待展示动态图形数据(也即图1中所提到的接收到的第一待展示动态图形数据)则不再展示。以上仅仅是本申请实施例的优选方式，发明人可根据自己的需求任意设置在展示第二待展示动态图形数据的过程中，对原先的第一待展示动态图形数据的展示方式，如:在展示第二待展示动态图形数据的过程中，同时展示第一待展示图形数据等，在此不做限定。
[0