(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210335756.6 (22)申请日 2022.03.31 (71)申请人 北京百度网讯科技有限公司 地址 100085 北京市海淀区上地十街10号 百度大厦2层 (72)发明人 苗雨乔　李明路　 (74)专利代理 机构 北京同立钧成知识产权代理 有限公司 1 1205 专利代理师 董建姣　黄健 (51)Int.Cl. G06F 9/451(2018.01) (54)发明名称 页面渲染方法、 装置、 设备、 存 储介质及程序 (57)摘要 本公开提供页面渲染方法、 装置、 设备、 存储 介质及程序， 涉及计算机技术领域， 尤其涉及应 用程序处理和页面显示技术领域。 具体实现方案 为： 获取第一页面中的多个用户界面UI单元的单 元信息， 所述单元信息包括所述UI单元所在的 图 层、 以及所述UI单元的显示位置； 根据多个UI单 元的单元信息， 确定所述多个U I单元的未被遮挡 区域； 在所述多个UI单元的未被遮挡区域中确定 多个图元的图元信息， 并根据所述多个图元的 图 元信息， 绘制所述第一页面。 对页面中的图层、 U I 单元和图元进行处理即可实现页面的渲染， 无需 在应用程序内嵌入浏览器， 提高了页面渲染效 率。 权利要求书4页 说明书11页 附图8页 CN 114647476 A 2022.06.21 CN 114647476 A 1.一种页面 渲染方法， 包括： 获取第一页面中的多个用户界面UI单元的单元信息， 所述单元信息包括所述UI单元所 在的图层、 以及所述UI单 元的显示 位置； 根据多个UI单 元的单元信息， 确定所述多个UI单 元的未被遮挡区域； 在所述多个UI单元的未被遮挡区域中确定多个图元的图元信 息， 并根据 所述多个图元 的图元信息， 绘制所述第一页面。 2.根据权利要求1所述的方法， 其中， 针对任意的第一UI单元； 根据多个UI单元的单元 信息， 确定所述第一UI单 元的未被遮挡区域， 包括： 确定所述第一UI单 元所在的第一图层； 若所述第一图层为顶层的图层， 则将所述第一UI单元的全部区域确定为所述第一UI单 元的未被遮挡区域； 若所述第一图层为非顶层的图层， 则根据所述第一图层、 所述第 一UI单元的显示位置、 至少一个第二图层中各UI单元的显示位置， 确定所述第一UI单元的未被遮挡区域， 所述第 二图层位于所述第一图层之上。 3.根据权利要求2所述的方法， 其中， 所述根据所述第一图层、 所述第一UI单元的显示 位置、 至少一个第二图层中各UI单元的显示位置， 确定所述第一UI单元的未被遮挡区域， 包 括： 根据所述第 一UI单元的显示位置和所述至少一个第二图层中各UI单元的显示位置， 判 断所述第二图层中是否存在UI单元 的显示位置与所述第一UI单元 的显示位置存在重合区 域； 若是， 则在所述至少一个第二图层中确定至少一个第二UI单元， 并根据所述第一UI单 元的显示位置和所述至少一个第二UI单元的显示位置， 确定所述第一UI单元的未被遮挡区 域， 所述第二UI单 元的显示 位置与所述第一UI单 元的显示 位置存在重合区域； 若否， 则将所述第一UI单 元的全部区域确定为所述第一UI单 元的未被遮挡区域。 4.根据权利要求3所述的方法， 其中， 所述根据 所述第一UI单元的显示位置和所述至少 一个第二UI单 元的显示 位置， 确定所述第一UI单 元的未被遮挡区域， 包括： 根据所述第 一UI单元的显示位置和所述至少一个第二UI单元的显示位置， 在所述第一 UI单元中确定被所述至少一个第二UI单 元遮挡的至少一个遮挡区域； 将所述第一UI单元中除所述至少一个遮挡区域之外的其它区域， 确定为所述第一UI单 元的未被遮挡区域。 5.根据权利要求1 ‑4任一项所述的方法， 其中， 所述在所述多个UI单元的未被遮挡区域 中确定多个图元的图元信息， 包括： 分别对所述多个UI单 元的未被遮挡区域进行图元拆分处 理， 得到多个图元； 针对任意一个图元， 根据所述图元的类型， 生成所述图元的图元信息 。 6.根据权利要求5所述的方法， 其中， 根据 所述图元的类型， 生成所述图元的图元信 息， 包括： 若所述图元的类型为线段类型， 则确定所述图元的图元信息包括如下至少一种： 起始 点位置、 结束点 位置、 线段宽度和线段颜色； 若所述图元的类型为矩形类型， 则确定所述图元的图元信息包括如下至少一种： 起始权　利　要　求　书 1/4 页 2 CN 114647476 A 2点位置、 结束点 位置、 边框颜色、 边框 宽度、 内部颜色和圆角 角度； 若所述图元的类型为多边形类型， 则确定所述图元的图元信息包括如下至少一种： 多 个顶点的顶点 位置、 边框颜色、 边框 宽度、 内部颜色； 若所述图元的类型为文本类型， 则确定所述图元的图元信息包括如下至少一种： 文本 内容、 字体、 字号、 颜色、 文字位置； 若所述图元的类型为图片类型， 则确定所述图元的图元信 息包括如下至少一种： 图片、 图片位置 。 7.根据权利要求1 ‑6任一项所述的方法， 其中， 所述根据所述多个 图元的图元信息， 绘 制所述第一页面， 包括： 根据所述多个图元的图元信息， 生成所述多个图元对应的绘制指令； 向GPU发送所述多个图元对应的绘制指令， 以使所述GPU根据所述绘制指令绘制所述第 一页面。 8.根据权利要求7所述的方法， 其中， 所述根据所述多个图元的图元信息， 生成所述多 个图元对应的绘制指令， 包括： 按照所述多个图元所在图层从下到上的顺序， 分别生成所述多个图元对应的绘制指 令； 所述向GPU发送所述多个图元对应的绘制指令， 包括： 按照所述多个图元所在图层从下到上的顺序， 分别向GPU发送所述多个图元对应的绘 制指令。 9.根据权利要求1 ‑8任一项所述的方法， 其中， 所述根据所述多个 图元的图元信息， 绘 制所述第一页面之后， 还 包括： 显示所述第一页面。 10.一种页面 渲染装置， 包括： 获取模块， 用于获取第一页面中的多个用户界面UI单元的单元信息， 所述单元信息包 括所述UI单 元所在的图层、 以及所述UI单 元的显示 位置； 第一确定模块， 用于根据多个UI单元的单元信息， 确定所述多个UI单元的未被遮挡区 域； 第二确定模块， 用于在所述多个UI单 元的未被遮挡区域中确定多个图元的图元信息； 绘制模块， 用于根据所述多个图元的图元信息， 绘制所述第一页面。 11.根据权利要求10所述的装置， 其中， 所述第一确定模块包括： 第一确定单 元， 用于针对 任意的第一UI单 元， 确定所述第一UI单 元所在的第一图层； 第二确定模块， 用于在所述第一图层为顶层的图层时， 将所述第一UI单元的全部区域 确定为所述第一UI单 元的未被遮挡区域； 第三确定单元， 用于在所述第 一图层为非顶层的图层时， 根据 所述第一图层、 所述第一 UI单元的显示位置、 至少一个第二图层中各UI单元的显示位置， 确定所述第一UI单元的未 被遮挡区域， 所述第二图层位于所述第一图层之上。 12.根据权利要求1 1所述的装置， 其中， 所述第三确定单 元包括： 判断子单元， 用于根据 所述第一UI单元的显示位置和所述至少一个第二图层中各UI单 元的显示位置， 判断所述第二图层中是否存在 UI单元的显示位置与所述第一UI单元的显示权　利　要　求　书 2/4 页 3 CN 114647476 A 3