[发明专利]组件渲染方法及装置

说明书

本发明提供了一种组件渲染方法及装置，该方法包括：当接收到组件渲染指令时，获取组件渲染指令包含的父容器信息及组件信息，创建父容器；以父容器的一个容器顶点作为原点建立直角坐标系，并确定父容器的坐标信息；在父容器内打点，获得点位的定点坐标，并确定目标组件的放置方式；依据组件信息及定点坐标确定渲染范围，并判断渲染范围是否超出父容器；若超出则调整渲染范围，以使目标组件不超出父容器；依据已调整的渲染范围及放置方式，在父容器中渲染目标组件。应用该方法，通过建立直角坐标系以及打点的方式确定目标组件在渲染时是否在父容器内，当目标组件不在父容器内时，可以调整目标组件的渲染范围，以保证在渲染目标组件时不超出父容器。

技术领域

本发明涉及计算机技术领域，特别是涉及一种组件渲染方法及装置。

背景技术

随着网络技术的发展，信息的展现方式呈现多样化。在浏览网页、观看视频的过程中，为满足客户的业务需求，需要在浏览器界面或视频界面上渲染相关的组件，如：在浏览器界面上渲染任务栏、小程序窗口，在视频界面上渲染广告图片等。

现有技术中，在当前界面上渲染组件时，会预先建立父容器，并在父容器内实现对组件的渲染。在父容器中渲染组件的过程中，当前界面会因为网络或设备异常等原因，导致需要在父容器内渲染的组件超出父容器，使得超出父容器的部分无法在页面上进行显示。

发明内容

有鉴于此，本发明提供一种组件渲染方法，通过该方法，根据建立直角坐标系以及打点的方式确定目标组件在渲染时是否在父容器内，并在确定目标组件不在父容器内时，可以调整目标组件的渲染范围，以保证在渲染目标组件时不超出父容器。

本发明还提供了一种组件渲染装置，用以保证上述方法在实际中的实现及应用。

一种组件渲染方法，包括：

当接收到组件渲染指令时，获取所述组件渲染指令中包含的父容器信息及待渲染的目标组件的组件信息；

基于所述父容器信息，确定待渲染所述目标组件的当前界面，并在所述当前界面上创建所述父容器信息对应的父容器；

以所述父容器的任意一个容器顶点作为原点建立直角坐标系，并确定所述父容器在所述直角坐标系中的坐标信息，所述坐标信息中包含所述父容器的每个容器顶点对应的容器顶点坐标；

在所述父容器内任意一处进行打点，获得已打点的点位的定点坐标，并依据所述定点坐标确定所述目标组件的放置方式；其中，所述放置方式为将所述目标组件中的任意一个组件顶点与所述点位重合；

依据所述组件信息及所述定点坐标，确定所述目标组件的渲染范围，并判断所述渲染范围是否超出所述父容器；

若所述渲染范围超出所述父容器，则调整所述渲染范围，以使所述目标组件不超出所述父容器；

依据已调整的渲染范围及所述放置方式，在所述父容器中渲染所述目标组件。

上述的方法，可选的，所述在所述当前界面上创建所述父容器信息对应的父容器，包括：

获取所述父容器信息中包含的容器长度、容器宽度及容器位置参数；

确定所述当前界面中与所述容器位置参数相匹配的界面位置，并在所述界面位置上按照所述容器长度及容器宽度创建父容器。

上述的方法，可选的，所述判断所述渲染范围是否超出所述父容器，包括：

获取组件信息中包含的所述目标组件对应的各个边长的长度，并依据所述定点坐标及各个所述边长的长度，确定所述渲染范围中包含的所述目标组件的各个组件顶点在所述直角坐标系中的组件顶点坐标；

依据各个所述容器顶点坐标，确定所述目标组件在横坐标上的进行渲染时的横坐标范围，及在纵坐标上进行渲染时的纵坐标范围；