一种3D网页展示方法和装置制造方法及图纸

本发明专利技术实施例提供了一种3D网页展示方法和装置，可以根据接收到的网页模板设置指令中携带的模板标识，在预设的各3D网页模板中，确定用户需要使用的目标3D网页模板，当接收到用户输入的网页素材添加指令时，针对目标3D网页模板中的每一显示区域，根据该显示区域的位置参数，在该显示区域中显示用户添加的网页素材，生成目标网页，当检测到目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，更新目标网页。基于上述处理，即使不使用嵌入式系统的开放图形库OpenGL ES技术，根据预设的3D网页模板，可以实现网页的3D展示效果，且能够降低对设备的硬件的要求。

A method and device for 3D web page display

The embodiment of the invention provides a method and device for displaying the 3D web page, which can determine the target 3D page template that the user needs to use in the preset 3D web template, and the target 3D net when the user input web page material is added. Each display area in the page template, according to the location parameter of the display area, displays the page material added by the user in the display area, generates the target page. When the location parameter of the display area in the target page changes, the target page is updated according to the changed position parameter. Based on the above processing, even if the open graphics library OpenGL ES technology is not used in the embedded system, the 3D display effect of the web page can be realized on the basis of the preset 3D web page template, and the requirements for the hardware of the device can be reduced.

【技术实现步骤摘要】
一种3D网页展示方法和装置
本专利技术涉及计算机网络
，特别是涉及一种3D网页展示方法和装置。
技术介绍
随着计算机和互联网技术的快速发展，网络已经成为人们生活中不可缺少的一部分，大部分的用户会通过浏览网页获得网络上的信息。现阶段，网页通常以二维页面的方式进行展示，用户可以通过滑动鼠标，以观看网页中不同显示位置的内容。为了带给用户更好的观看体验，技术人员采用WebGL(WebGraphicsLibrary，web图形库)技术实现了3D网页的展示。然而，专利技术人在实现本专利技术的过程中发现，现有技术至少存在如下问题：WebGL主要整合了JavaScript和OpenGLES(OpenGLforEmbeddedSystems，嵌入式系统的开放图形库)技术，然而大多数设备的硬件并不支持OpenGLES，且利用WebGL实现3D网页，在展示每一帧网页图像时，都需要多次调用图形库。由以上可见，现有技术在展示3D网页时，对设备的硬件要求高。
技术实现思路
本专利技术实施例的目的在于提供一种3D网页生成方法和装置，以降低对设备的硬件的要求。具体技术方案如下：第一方面，为了达到上述目的，本专利技术实施例公开了一种3D网页展示方法，上述方法包括：接收用户输入的网页模板设置指令，其中，所述网页模板设置指令中携带有模板标识；根据所述模板标识，在预设的各3D网页模板中，确定所述用户需要使用的目标3D网页模板；当接收到所述用户输入的网页素材添加指令时，针对所述目标3D网页模板中的每一显示区域，根据该显示区域的位置参数，在该显示区域中显示所述用户添加的网页素材，生成目标网页；当检测到所述目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，更新所述目标网页。可选的，在所述根据所述模板标识，在预设的各3D网页模板中，确定所述用户需要使用的目标3D网页模板之后，所述方法还包括：接收所述用户输入的参数修改指令，其中，所述参数修改指令中携带有所述用户需要修改的显示区域的位置参数的参数标识，以及修改后的参数值；根据所述参数标识和所述修改后的参数值，修改所述目标3D网页模板中的显示区域的位置参数。可选的，所述方法还包括：接收所述用户输入的显示方式设置指令，其中，所述显示方式设置指令中携带有所述用户设置的显示方式的标识；所述在该显示区域中显示所述用户添加的网页素材，包括：在该显示区域中，根据所述显示方式的标识对应的显示方式，显示用户添加的网页素材。可选的，所述根据变化后的位置参数，更新所述目标网页，包括：根据变化后的位置参数，在所述目标网页的每一显示区域中显示对应的网页素材，以更新所述目标网页。第二方面，为了达到上述目的，本专利技术实施例公开了一种3D网页展示装置，上述装置包括：第一接收模块，用于接收用户输入的网页模板设置指令，其中，所述网页模板设置指令中携带有模板标识；确定模块，用于根据所述模板标识，在预设的各3D网页模板中，确定所述用户需要使用的目标3D网页模板；生成模块，用于当接收到所述用户输入的网页素材添加指令时，针对所述目标3D网页模板中的每一显示区域，根据该显示区域的位置参数，在该显示区域中显示所述用户添加的网页素材，生成目标网页；更新模块，用于当检测到所述目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，更新所述目标网页。可选的，所述装置还包括：第二接收模块，用于接收所述用户输入的参数修改指令，其中，所述参数修改指令中携带有所述用户需要修改的显示区域的位置参数的参数标识，以及修改后的参数值；修改模块，用于根据所述参数标识和所述修改后的参数值，修改所述目标3D网页模板中的显示区域的位置参数。可选的，所述装置还包括：第三接收模块，用于接收所述用户输入的显示方式设置指令，其中，所述显示方式设置指令中携带有所述用户设置的显示方式的标识；所述生成模块，具体用于在该显示区域中，根据所述显示方式的标识对应的显示方式，显示用户添加的网页素材。可选的，所述更新模块，具体用于根据变化后的位置参数，在所述目标网页的每一显示区域中显示对应的网页素材，以更新所述目标网页。第三方面，为了达到上述目的，本专利技术实施例公开了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，所述处理器，所述通信接口，所述存储器通过所述通信总线完成相互间的通信；所述存储器，用于存放计算机程序；所述处理器，用于执行所述存储器上所存放的程序时，实现上述任一所述的3D网页展示方法。在本专利技术实施的又一方面，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述任一所述的3D网页展示方法。在本专利技术实施的又一方面，本专利技术实施例还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述任一所述的3D网页展示方法。本专利技术实施例提供的3D网页展示方法和装置，可以根据接收到的网页模板设置指令中携带的模板标识，在预设的各3D网页模板中，确定用户需要使用的目标3D网页模板，当接收到用户输入的网页素材添加指令时，针对目标3D网页模板中的每一显示区域，根据该显示区域的位置参数，在该显示区域中显示用户添加的网页素材，生成目标网页，当检测到目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，更新目标网页。基于上述处理，即使不使用OpenGLES技术，根据预设的3D网页模板，就可以实现网页的3D展示效果，能够降低对设备的硬件的要求。当然，实施本专利技术的任一产品或方法必不一定需要同时达到以上所述的所有优点。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。图1为本专利技术实施例提供的一种3D网页展示方法的流程图；图2为本专利技术实施例提供的一种3D网页展示方法示例的流程图；图3为本专利技术实施例提供的一种3D网页展示装置的结构图；图4为本专利技术实施例提供的一种3D网页展示装置的结构图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行描述。现有技术中，可以结合JavaScript和OpenGLES技术实现3D网页的展示，然而，大多数设备的硬件并不支持OpenGLES，且在展示每一帧网页图像时，都需要多次调用图形库。由以上可见，现有技术在展示3D网页时，对设备的硬件要求高。为了解决上述问题，本专利技术实施例提供了一种3D网页展示方法和装置，可以应用于终端，终端可以首先确定用户需要使用的目标3D网页模板，然后针对目标3D网页模板中的每一显示区域，根据该显示区域的位置参数，在该显示区域中显示用户添加的网页素材，生成目标网页，当检测到目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，更新目标网页。基于上述处理，即使不使用OpenGLES技术，根据预设的3D网页模板，就可以实现网页的3D展示效果，能够降低对设备的硬件的要求。参见图1，图1为本专利技术实施例提供的一种3D网页展示方法的流程图，上述方法可以包括以下步骤：S101：接收用户输入的网页模板设置指令。其中，网页模板设置指令中可以携带有模板标识。在实施中，当用户需要生成3D网页(即目标网页)时，可以通过终端的输入部件，向终端输入携带有模板标识的网页模块设置指令，终端则可以接收到本文档来自技高网...

【技术保护点】
1.一种3D网页展示方法，其特征在于，所述方法包括：接收用户输入的网页模板设置指令，其中，所述网页模板设置指令中携带有模板标识；根据所述模板标识，在预设的各3D网页模板中，确定所述用户需要使用的目标3D网页模板；当接收到所述用户输入的网页素材添加指令时，针对所述目标3D网页模板中的每一显示区域，根据该显示区域的位置参数，在该显示区域中显示所述用户添加的网页素材，生成目标网页；当检测到所述目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，更新所述目标网页。

【技术特征摘要】
1.一种3D网页展示方法，其特征在于，所述方法包括：接收用户输入的网页模板设置指令，其中，所述网页模板设置指令中携带有模板标识；根据所述模板标识，在预设的各3D网页模板中，确定所述用户需要使用的目标3D网页模板；当接收到所述用户输入的网页素材添加指令时，针对所述目标3D网页模板中的每一显示区域，根据该显示区域的位置参数，在该显示区域中显示所述用户添加的网页素材，生成目标网页；当检测到所述目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，更新所述目标网页。2.根据权利要求1所述的方法，其特征在于，在所述根据所述模板标识，在预设的各3D网页模板中，确定所述用户需要使用的目标3D网页模板之后，所述方法还包括：接收所述用户输入的参数修改指令，其中，所述参数修改指令中携带有所述用户需要修改的显示区域的位置参数的参数标识，以及修改后的参数值；根据所述参数标识和所述修改后的参数值，修改所述目标3D网页模板中的显示区域的位置参数。3.根据权利要求1所述的方法，其特征在于，所述方法还包括：接收所述用户输入的显示方式设置指令，其中，所述显示方式设置指令中携带有所述用户设置的显示方式的标识；所述在该显示区域中显示所述用户添加的网页素材，包括：在该显示区域中，根据所述显示方式的标识对应的显示方式，显示用户添加的网页素材。4.根据权利要求1所述的方法，其特征在于，所述根据变化后的位置参数，更新所述目标网页，包括：根据变化后的位置参数，在所述目标网页的每一显示区域中显示对应的网页素材，以更新所述目标网页。5.一种3D网页展示装置，其特征在于，所述装置包括：第一接收模块，用于接收用户输入的网页模板设置指令，其中，所述网页模板设置指令中携带有模板标识；确定模块，用于根据所述模板标识，在预设的...

【专利技术属性】
技术研发人员：沈文策，
申请(专利权)人：沈文策，
类型：发明
国别省市：福建,35