一种网页中的场景渲染方法、介质及计算设备技术

本说明书披露的多个实施例提供了一种网页中的场景渲染方法、介质及计算设备。将待渲染场景中具有样式定制需求的场景组件称为目标场景组件。考虑到网页文档中的文档元素支持样式定制，那么，可以利用此特性，将待渲染场景中的至少部分目标场景组件创建为网页的网页文档中的文档元素，一个目标场景组件对应一个文档元素。然后，可以基于网页文档在网页中执行渲染，可以将具有定制样式的文档元素在网页中渲染出来。渲染出来的具有定制样式的文档元素可以作为依赖于画布的图形渲染引擎可采用的素材。的素材。的素材。

【技术实现步骤摘要】
一种网页中的场景渲染方法、介质及计算设备


[0001]本说明书多个实施例涉及地图
，尤其涉及一种网页中的场景渲染方法、介质及计算设备。

技术介绍

[0002]在一些业务中，需要调用依赖于画布(canvas)的图形渲染引擎在网页中渲染场景(2D或3D场景)。为了提升用户浏览该场景的体验，需要对场景中的一些场景组件以丰富多样的样式进行渲染。而现有的图形渲染引擎通常仅支持以基本样式渲染场景组件。
[0003]为此，需要一种能够在网页中以丰富多样的样式对场景组件进行渲染的技术方案。

技术实现思路

[0004]本说明书的多个实施例提供一种网页中的场景渲染方法、介质及计算设备，以便能够在网页中以丰富多样的样式对场景组件进行渲染。
[0005]根据本说明书多个实施例的第一方面，提出了一种网页中的场景渲染方法，包括：
[0006]确定待渲染场景中的至少一个具有样式定制需求的目标场景组件，以及，在网页文档中创建每个目标场景组件分别对应的文档元素；
[0007]针对每个文档元素，确定该文档元素关联的样式编辑代码本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页中的场景渲染方法，包括：确定待渲染场景中的至少一个具有样式定制需求的目标场景组件，以及，在网页文档中创建每个目标场景组件分别对应的文档元素；针对每个文档元素，确定该文档元素关联的样式编辑代码，该样式编辑代码用于匹配该文档元素对应的目标场景组件的样式定制需求；调用依赖于网页文档的第一图形渲染引擎，根据所述网页文档与每个文档元素所关联的样式编辑代码，在第一网页中渲染得到每个文档元素对应的矢量图片；将每个文档元素对应的矢量图片进行栅格化处理，得到每个文档元素对应的目标场景组件的素材图片；调用依赖于画布的第二图形渲染引擎，根据每个目标场景组件的素材图片，在第二网页中渲染所述待渲染场景。2.如权利要求1所述方法，其中，所述第一图形渲染引擎为SVG，或者，Flash。3.如权利要求1所述方法，其中，所述第二图形渲染引擎为canvas 2D，或者，WebGL。4.如权利要求1所述方法，根据所述网页文档与每个文档元素所关联的样式编辑代码，在所述网页中渲染得到每个文档元素对应的矢量图片，包括：将各个文档元素作为一个整体渲染对象，根据所述网页文档与每个文档元素所关联的样式编辑代码，在所述网页中执行一次渲染操作，得到一张整体矢量图片，所述整体矢量图片由每个文档元素对应的局部矢量图片所组成；确定每个文档元素对应的局部矢量图片在所述整体矢量图片中的定位信息；将每个文档元素对应的矢量图片进行栅格化处理，得到每个文档元素对应的目标场景组件的素材图片，包括：根据记录的所述定位信息，从所述整体矢量图片中拆分出每个文档元素对应局部矢量图片；将每个文档元素对应的局部矢量图片进行栅格化...

【专利技术属性】
技术研发人员：吴康宁，杜萌萌，
申请(专利权)人：阿里巴巴中国有限公司，
类型：发明
国别省市：