图形渲染方法、设备及计算机存储介质技术

技术编号:31745821 阅读:10 留言:0更新日期:2022-01-05 16:25
本申请实施例提供了一种图形渲染方法、设备及计算机存储介质。图形渲染方法包括:利用引擎组件获取容器组件下发的渲染指令,确定与所述渲染指令相对应的指令类型和执行操作;利用画布实现组件在所述渲染指令包括图形渲染指令时,则在设定的画布环境内进行图形渲染操作,获得渲染后图形,其中,所述图形渲染操作包括以下至少之一:2D渲染操作、3D渲染操作。本申请所提供的技术方案,通过架构简单、渲染管线比较精简的引擎装置实现图形渲染操作,不仅能够保证图形渲染的正确性,具体能够达到浏览器渲染的效果,而且能够满足不同用户的使用需求,方便进行图形渲染操作,同时支持小程序、小部件、Weex等多类型的容器。Weex等多类型的容器。Weex等多类型的容器。

【技术实现步骤摘要】
图形渲染方法、设备及计算机存储介质


[0001]本申请涉及图像处理
,尤其涉及一种图形渲染方法、设备及计算机存储介质。

技术介绍

[0002]小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。目前,小程序中的图形一般采用浏览器内核中的网页视图WebView引擎进行渲染。然而,由于浏览器内核中的渲染管线比较复杂,在利用浏览器内核中的引擎对小程序或者其他场景中的图形进行渲染操作时,容易导致渲染性能不理想。

技术实现思路

[0003]本申请实施例提供一种图形渲染方法、设备及计算机存储介质,通过架构简单、渲染管线比较精简的引擎装置实现图形渲染操作,能够保证图形渲染的性能和效果。
[0004]第一方面,本申请实施例提供了一种图形渲染方法,包括:
[0005]利用引擎组件获取容器组件下发的渲染指令,确定与所述渲染指令相对应的指令类型和执行操作;
[0006]利用画布实现组件在所述渲染指令包括图形渲染指令时,则在设定的画布环境内进行图形渲染操作,获得渲染后图形,其中,所述图形渲染操作包括以下至少之一:2D渲染操作、3D渲染操作。
[0007]第二方面,本申请实施例提供了一种图形渲染装置,包括:
[0008]引擎组件,用于获取容器组件下发的渲染指令,确定与所述渲染指令相对应的指令类型和执行操作;
[0009]画布实现组件,用于在所述渲染指令包括图形渲染指令时,则在设定的画布环境内进行图形渲染操作,获得渲染后图形,其中,所述图形渲染操作包括以下至少之一:2D渲染操作、3D渲染操作。
[0010]第三方面,本申请实施例提供了一种电子设备,包括:存储器、处理器;其中,所述存储器用于存储一条或多条计算机指令,其中,所述一条或多条计算机指令被所述处理器执行时实现上述第一方面所示的图形渲染方法。
[0011]第四方面,本专利技术实施例提供了一种计算机存储介质,用于储存计算机程序,所述计算机程序使计算机执行时实现上述第一方面所示的图形渲染方法。
[0012]第五方面,本专利技术实施例提供了一种计算机程序产品,包括:计算机程序,当所述计算机程序被电子设备的处理器执行时,使所述处理器执行上述第一方面所示的图形渲染方法。
[0013]第六方面,本申请实施例提供了一种图形渲染方法,包括:
[0014]获取待处理的渲染指令;
[0015]建立与所述渲染指令相对应的画布环境;
[0016]在所述渲染指令包括图形渲染指令时,则在所述画布环境内进行图形渲染操作,获得渲染后图形,其中,所述图形渲染操作包括以下至少之一:2D渲染操作、3D渲染操作。
[0017]第七方面,本申请实施例提供了一种图形渲染装置,包括:
[0018]第一获取模块,用于获取待处理的渲染指令;
[0019]第一建立模块,用于建立与所述渲染指令相对应的画布环境;
[0020]第一处理模块,用于在所述渲染指令包括图形渲染指令时,则在所述画布环境内进行图形渲染操作,获得渲染后图形,其中,所述图形渲染操作包括以下至少之一:2D渲染操作、3D渲染操作。
[0021]第八方面,本申请实施例提供了一种电子设备,包括:存储器、处理器;其中,所述存储器用于存储一条或多条计算机指令,其中,所述一条或多条计算机指令被所述处理器执行时实现上述第六方面所示的图形渲染方法。
[0022]第九方面,本专利技术实施例提供了一种计算机存储介质,用于储存计算机程序,所述计算机程序使计算机执行时实现上述第六方面所示的图形渲染方法。
[0023]第十方面,本专利技术实施例提供了一种计算机程序产品,包括:计算机程序,当所述计算机程序被电子设备的处理器执行时,使所述处理器执行上述第六方面所示的图形渲染方法。
[0024]本申请实施例提供的技术方案,通过架构简单、渲染管线比较精简的引擎装置实现图形渲染操作,不仅能够保证图形渲染的正确性,具体能够达到浏览器渲染的效果,而且能够满足不同用户的使用需求,方便进行图形渲染操作,同时支持小程序、小部件、Weex等多类型的容器,进而提高了该渲染方法的实用性。
附图说明
[0025]为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0026]图1a为本申请实施例提供的一种用于图形渲染操作的引擎的结构示意图;
[0027]图1b为本申请实施例提供的一种图形渲染方法的流程示意图;
[0028]图2为本申请实施例提供的另一种图形渲染方法的流程示意图;
[0029]图3为本申请实施例提供的获取待处理的渲染指令的流程示意图一;
[0030]图4为本申请实施例提供的对所述渲染后图形进行显示的流程示意图;
[0031]图5为本申请实施例提供的另一种图形渲染方法的流程示意图;
[0032]图6为本申请实施例提供的又一种图形渲染方法的流程示意图;
[0033]图7为本申请实施例提供的获取待处理的渲染指令的流程示意图二;
[0034]图8为本申请应用实施例提供的一种图形渲染方法的原理示意图;
[0035]图9为本申请应用实施例提供的一种图形渲染方法的流程示意图;
[0036]图10为本申请实施例提供的一种图形渲染装置的结构示意图;
[0037]图11为图10所示的图形渲染装置所对应的电子设备的结构示意图;
[0038]图12为本申请实施例提供的一种图形渲染装置的结构示意图;
[0039]图13为图12所示的图形渲染装置所对应的电子设备的结构示意图。
具体实施方式
[0040]为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
[0041]在本申请实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本申请。在本申请实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义,“多种”一般包含至少两种,但是不排除包含至少一种的情况。
[0042]应当理解,本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。
[0043]取决于语境,如在此所使用的词语“如果”、“若”可以被解释成为本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种图形渲染方法,其特征在于,包括:利用引擎组件获取容器组件下发的渲染指令,确定与所述渲染指令相对应的指令类型和执行操作;利用画布实现组件在所述渲染指令包括图形渲染指令时,则在设定的画布环境内进行图形渲染操作,获得渲染后图形,其中,所述图形渲染操作包括以下至少之一:2D渲染操作、3D渲染操作。2.根据权利要求1所述的方法,其特征在于,所述引擎组件包括:引擎模块,所述引擎模块包括多个不同类型的引擎单元;利用引擎组件获取容器组件下发的渲染指令,确定与所述渲染指令相对应的指令类型和执行操作包括:利用所述引擎模块获取容器组件下发的渲染指令,在多个不同类型的引擎单元中,确定与所述渲染指令相对应的目标引擎单元,利用所述目标引擎单元确定与所述渲染指令相对应的指令类型和执行操作。3.根据权利要求2所述的方法,其特征在于,所述引擎组件还包括:引擎关联模块,所述方法还包括:利用所述引擎关联模块将预设的图形应用程序接口与所述引擎模块进行关联,在所述渲染指令包括图形绘制指令时,通过所述图形应用程序接口和所述图形绘制指令在所述画布环境内进行图形绘制操作。4.根据权利要求1所述的方法,其特征在于,所述画布实现组件包括:Canvas画布渲染单元和WebGL渲染单元;利用画布实现组件在所述渲染指令包括图形渲染指令时,则在设定的画布环境内进行图形渲染操作,包括:利用所述Canvas画布渲染单元在设定的画布环境内通过Skia引擎进行图形的2D渲染操作;利用所述WebGL渲染单元在设定的画布环境内进行图形的3D渲染操作。5.根据权利要求1所述的方法,其特征在于,所述方法还包括:在引擎组件获取容器组件下发的渲染指令之前,利用窗体适配组件中包括的画布配置模块建立与操作系统和所述渲染指令相对应的窗口环境,所述窗口环境用于显示图形渲染结果,所述操作系统与所述容器组件相对应,其中,所述窗体适配组件用于部署在预设平台架构上。6.根据权利要求5所述的方法,其特征在于,所述方法还包括:利用所述窗体适配组件中包括的界面管理模块获取所述渲染后图形,并对所述渲染后...

【专利技术属性】
技术研发人员:史健平万红波方曦
申请(专利权)人:阿里巴巴中国有限公司
类型:发明
国别省市:

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

1