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

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

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


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

技术介绍

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

技术实现思路

[0003]本申请实施例提供一种图形渲染方法、设备及计算机存储介质，通过架构简单、渲染管线比较精简的引擎装置实现图形渲染操作，能够保证图形渲染的性能和效果。
[0004]第一方面，本申请实施例提供了一种图形渲染方法，包括：
[0005]利用引擎组件获取容器组件下发的渲染指令，确定与所述渲染指令相对应的指令类型和执行操作；
[0006]利用画布实现组件在所述渲染指令包括图形渲染指令时，则在设定的画布环境内进行图形渲染操作，获得渲染后本文档来自技高网...

【技术保护点】

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

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