[发明专利]2D canvas网页元素的渲染方法、装置及电子设备

权利要求书

1.一种2D canvas网页元素的渲染方法，其特征在于，包括：

从客户端脚本层截获对2D canvas网页元素的绘图指令；

将所述2D canvas网页元素的绘图指令携带的指令信息传送到系统框架层；

根据所述指令信息，生成与所述2D canvas网页元素的绘图指令对应的OpenGL绘图指令；

将所述OpenGL绘图指令绘制到系统的OpenGL渲染视窗，形成所述2Dcanvas网页元素的渲染结果。

2.根据权利要求1所述的2D canvas网页元素的渲染方法，其特征在于，所述截获对2Dcanvas网页元素的WebGL绘图指令，采用如下方式：

通过所述2D canvas网页元素的替换DOM对象，截获所述2D canvas网页元素的绘图指令。

3.根据权利要求1所述的2D canvas网页元素的渲染方法，其特征在于，所述将所述对2D canvas网页元素的绘图指令携带的指令信息传送到系统框架层，包括：

从所述2D canvas网页元素的绘图指令中提取所述指令信息；

根据第一预设指令转换规则和所述指令信息，生成与所述2D canvas网页元素的绘图指令对应的渲染命令；

将所述渲染命令从传送到所述系统框架层。

4.根据权利要求1所述的2D canvas网页元素的渲染方法，其特征在于，所述生成与所述2D canvas网页元素的绘图指令对应的OpenGL绘图指令，包括：

将所述指令信息从所述系统框架层传送到系统本地层；

在所述系统本地层中，根据将所述指令信息生成所述OpenGL绘图指令。

5.根据权利要求4所述的2D canvas网页元素的渲染方法，其特征在于，所述将所述OpenGL绘图指令绘制到系统的OpenGL渲染视窗，包括：

获取所述2D canvas网页元素对应的上下文信息及渲染目标；

根据所述上下文信息和所述OpenGL绘图指令，对所述渲染目标进行图形渲染；

将所述渲染目标输入到系统的离屏缓冲区。

6.根据权利要求1所述的2D canvas网页元素的渲染方法，其特征在于，还包括：

对所述OpenGL渲染视窗和系统的Webview视窗进行合成，形成所述2Dcanvas网页元素所在网页的渲染结果。

7.一种2D canvas网页元素的渲染装置，其特征在于，包括：

指令截获单元，从客户端脚本层用于截获对2D canvas网页元素的绘图指令；

指令传送单元，用于将所述2D canvas网页元素的绘图指令携带的指令信息传送到系统框架层；

OpenGL指令生成单元，用于根据所述指令信息，生成与所述2D canvas网页元素的绘图指令对应的OpenGL绘图指令；

OpenGL指令绘制单元，用于将所述OpenGL绘图指令绘制到系统的OpenGL渲染视窗，形成所述2D canvas网页元素的渲染结果。

8.根据权利要求7所述的2D canvas网页元素的渲染装置，其特征在于，所述指令截获单元，具体用于通过所述2D canvas网页元素的替换DOM对象，截获所述2D canvas网页元素的绘图指令。