图像数据处理方法、装置及电子终端制造方法及图纸

本发明专利技术实施例提供了一种图像数据处理方法、装置及电子终端，其中，图像数据处理方法包括：网页端根据图像绘制指令，通过网页代码执行上下文调用客户端的纹理绑定方法；所述网页端通过所述纹理绑定方法，触发所述客户端将图像采集设备采集的图像的纹理数据绑定至预先激活的目标纹理单元中；所述网页端从所述目标纹理单元中获取所述图像的纹理数据，并根据所述纹理数据对所述图像进行图像处理。通过本发明专利技术实施例，既保持了WebAR动态部署，随时修改的优点，又提高了数据处理速度和效率。

Image data processing methods, devices and electronic terminals

The embodiment of the invention provides an image data processing method, a device and an electronic terminal, in which the image data processing method includes a texture binding method that calls the client through the page code execution context, which is triggered by the web page code execution context; the web site triggers the guest by the texture binding method. The household end binds the texture data of the image collected by the image acquisition device to the pre activated target texture unit, which obtains the texture data of the image from the target texture unit, and performs image processing on the image according to the texture data. Through the embodiment of the invention, the advantages of WebAR dynamic deployment and modification at any time are maintained, and the speed and efficiency of data processing are improved.

【技术实现步骤摘要】
图像数据处理方法、装置及电子终端
本专利技术实施例涉及计算机
，尤其涉及一种图像数据处理方法、装置及电子终端。
技术介绍
AR(AugmentedReality，增强现实)技术是一种将真实世界信息和虚拟世界信息“无缝”集成的新技术，其把原本在现实世界的一定时间范围内很难体验到的信息(如，视觉信息、声音信息等),模拟仿真后叠加到真实的信息中，真实的环境和虚拟的物体实时地叠加到了同一个画面或者同时存在。随着AR技术的发展，通过网页承载AR技术的WebAR也被广泛使用。但不论是AR还是WebAR，图像采集设备如摄像头采集的图像数据都是进行AR处理的基础。对于WebAR来说，为了让网页能对摄像头采集到的现实场景进行增强，目前一种常用的方式是Native端(客户端)直接绘制摄像头采集的图像数据，放置于网页端的网页视图如WebView层级之下，但这种方式中，网页端无法获取、处理摄像头采集的图像数据，如果想要通过网页对图像增加滤镜或者进行其他图像处理需要修改Native端的代码，丧失了WebAR动态部署，随时修改的优点。因此，如何有效实现网页端对图像数据的处理如AR处理，成为亟待解决的问题。
技术实现思路
有鉴于此，本专利技术实施例提供一种图像数据处理方法、装置及电子终端，以有效实现网页端对图像数据的处理。根据本专利技术实施例的第一方面，提供了一种图像数据处理方法，包括：网页端根据图像绘制指令，通过网页代码执行上下文调用客户端的纹理绑定方法；网页端通过所述纹理绑定方法，触发客户端将图像采集设备采集的图像的纹理数据绑定至预先激活的目标纹理单元中；网页端从目标纹理单元中获取图像的纹理数据，并根据纹理数据对图像进行图像处理。根据本专利技术实施例的第二方面，提供了一种图像数据处理装置，所述装置设置于网页端，所述装置包括：调用模块，用于根据图像绘制指令，通过网页代码执行上下文调用客户端的纹理绑定方法；触发模块，用于通过纹理绑定方法，触发客户端将图像采集设备采集的图像的纹理数据绑定至预先激活的目标纹理单元中；处理模块，用于从目标纹理单元中获取图像的纹理数据，并根据纹理数据对图像进行图像处理。根据本专利技术实施例的第三方面，提供了一种电子终端，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行如第一方面所述的图像数据处理方法对应的操作。根据本专利技术实施例提供的方案，网页端和客户端使用相同的纹理单元，当客户端的纹理绑定方法被网页端调用时，客户端将图像采集设备采集的图像的纹理数据存入该纹理单元，即目标纹理单元，继而，网页端直接从该目标纹理单元中获得客户端存入的纹理数据。采用这种方式，一方面，因网页端获取的是图像的纹理数据，可以根据需要进行进一步的图像处理如AR处理等，该处理可以通过网页端实现，无需修改客户端代码，保持了WebAR动态部署，随时修改的优点；另一方面，网页端和客户端可以通过目标纹理单元直接进行图像的纹理数据的交互，提高了数据处理速度和效率。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术实施例中记载的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。图1为根据本专利技术实施例一的一种图像数据处理方法的步骤流程图；图2为根据本专利技术实施例二的一种图像数据处理方法的步骤流程图；图3为根据本专利技术实施例三的一种图像数据处理装置的结构框图；图4为根据本专利技术实施例四的一种图像数据处理装置的结构框图；图5为根据本专利技术实施例五的一种电子终端的结构示意图。具体实施方式为了使本领域的人员更好地理解本专利技术实施例中的技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本专利技术实施例一部分实施例，而不是全部的实施例。基于本专利技术实施例中的实施例，本领域普通技术人员所获得的所有其他实施例，都应当属于本专利技术实施例保护的范围。下面结合本专利技术实施例附图进一步说明本专利技术实施例具体实现。实施例一参照图1，示出了根据本专利技术实施例一的一种图像数据处理方法的步骤流程图。本实施例的图像数据处理方法包括以下步骤：步骤S102：网页端根据图像绘制指令，通过网页代码执行上下文调用客户端的纹理绑定方法。随着计算机技术的发展，一个应用程序APP中通常会内嵌用于实现浏览器功能的组件或对象，如WEBVIEW组件等，这样的组件或对象通常通过HTML页面和JavaScript语言实现相应的浏览器功能，即本专利技术实施例中的网页端，也可称为Web端；而APP则通过其它语言如Objective-C语言或者Java语言或者其它与JavaScript不同的语言实现其它非浏览器功能，即本专利技术实施例中的客户端，也可称为Native端。本专利技术实施例的方案适用于客户端和网页端无法直接对图像采集设备采集的图像数据进行传递的应用场景，如，基于iOS平台的WebAR图像数据等，但不限于此，其它类似场景也同样适用。客户端的纹理绑定方法通常由客户端调用和实现，但本专利技术实施例中，将其预先设置在网页代码执行上下文如JSContext中，以供网页端调用。以JSContext为例，JSContext是客户端工具类，封装了网页端JavaScript代码执行上下文环境，可以通过JSContext将客户端的方法(Native代码)提供给网页端JavaScript调用，JavaScript调用该方法时，Native代码将执行在相同的程序上下文中。本领域技术人员应当明了，JSContext仅为示例性说明，其它类似上下文环境也同样适用本专利技术实施例提供的方案。本专利技术实施例中，纹理绑定方法用于实现由客户端将图像采集设备如摄像头采集到的图像的纹理数据绑定到指定的当前活动纹理单元，即，本专利技术实施例中的目标纹理单元，以供网页端获取和使用。由此，网页端和客户端可以操作和使用同一显存中的数据。当网页端需要进行图像处理如AR图像处理时，会触发生成图像绘制指令，例如，当某一AR处理选项被触发时，即生成相应的图像绘制指令，通过该指令触发进行相应的图像数据处理操作，如通过网页代码执行上下文调用客户端的纹理绑定方法。步骤S104：网页端通过客户端的纹理绑定方法，触发客户端将图像采集设备采集的图像的纹理数据绑定至预先激活的目标纹理单元中。纹理单元是显存中用于处理纹理数据的单元，如前所述，通过纹理绑定方法可以将图像的纹理数据绑定到当前活动的纹理单元中，因此，需要先将目标纹理单元激活，以便写入图像的纹理数据。其中，对目标纹理单元可以由本领域技术人员采用任意适当的方式激活，例如，通过gl.activeTexture()方法激活目标纹理单元。步骤S106：网页端从目标纹理单元中获取所述图像的纹理数据，并根据所述纹理数据对所述图像进行图像处理。网页端和客户端通过目标纹理单元操作和使用同一显存中的数据，因此，在客户端将纹理数据写入目标纹理单元后，网页端可以从该目标纹理单元读取客户端写入的纹理数据，进而，根据图像处理需要在网页端进行相应的图像处理，如滤镜处理、AR处理本文档来自技高网...

【技术保护点】
1.一种图像数据处理方法，包括：网页端根据图像绘制指令，通过网页代码执行上下文调用客户端的纹理绑定方法；所述网页端通过所述纹理绑定方法，触发所述客户端将图像采集设备采集的图像的纹理数据绑定至预先激活的目标纹理单元中；所述网页端从所述目标纹理单元中获取所述图像的纹理数据，并根据所述纹理数据对所述图像进行图像处理。

【技术特征摘要】
1.一种图像数据处理方法，包括：网页端根据图像绘制指令，通过网页代码执行上下文调用客户端的纹理绑定方法；所述网页端通过所述纹理绑定方法，触发所述客户端将图像采集设备采集的图像的纹理数据绑定至预先激活的目标纹理单元中；所述网页端从所述目标纹理单元中获取所述图像的纹理数据，并根据所述纹理数据对所述图像进行图像处理。2.根据权利要求1所述的方法，其中，在所述网页端通过网页代码执行上下文调用客户端的纹理绑定方法之前，所述方法还包括：所述网页端获取渲染上下文，并对所述渲染上下文中的顶点着色器、片元着色器和纹理单元进行设置。3.根据权利要求2所述的方法，其中，对所述渲染上下文中的纹理单元进行设置，包括：为所述纹理单元设置标号。4.根据权利要求2或3所述的方法，其中，在所述对所述渲染上下文中的顶点着色器、片元着色器和纹理单元进行设置之后，所述方法还包括：激活所述渲染上下文中的纹理单元，并将激活的所述纹理单元作为所述目标纹理单元。5.根据权利要求1所述的方法，其中，所述网页端通过所述纹理绑定方法，触发所述客户端将图像采集设备采集的图像的纹理数据绑定至预先激活的目标纹理单元中，包括：所述网页端通过所述纹理绑定方法，触发所述客户端将图像采集设备采集的图像进行图像处理，并将所述图像处理后的所述图像的纹理数据绑定至预先激活的目标纹理单元中。6.根据权利要求5所述的方法，其中，所述图像处理包括滤镜处理。7.一种图像数据处理装置，所述装置设置于网页端，所述装置包括：调用模块，用于根据图像绘制指令，通过网页代...

【专利技术属性】
技术研发人员：王淮，陈汉钗，
申请(专利权)人：广州市动景计算机科技有限公司，
类型：发明
国别省市：广东,44