[发明专利]编辑网页的方法和装置

说明书

本申请公开了编辑网页的方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：将处于空置状态的容器确定为画布；按照待编辑元素的优先级，依次将所述待编辑元素在所述画布上编辑，生成渲染组件；根据所述渲染组件，在网页上进行渲染。该实施方式可以对不同的类型的待编辑元素进行编辑，避免了现有技术中存在的只能采用图片编辑网页、不能编辑文字和形状的技术缺陷，进而达到丰富网页中图片多样性的技术效果；通过所述待编辑元素的优先级，依次将所述待编辑元素在所述画布上编辑，生成渲染组件的技术手段，解决了现有技术只能对一个图片对应的图层进行编辑，且不方便对该图层进行二次编辑的技术缺陷。

技术领域

本申请涉及计算机技术领域，尤其涉及一种编辑网页的方法和装置。

背景技术

现有技术在生成网页中的图片时较多采用canvas(HTML5新增标签)进行加载图片，对canvas画布编辑，最后生成图片编码。

在实现本申请过程中，发明人发现现有技术中至少存在如下问题：

1.现有技术无法储存图片以外的数据；

2.现有技术的图层只有一层，不方便二次编辑。

发明内容

有鉴于此，本申请实施例提供一种编辑网页的方法和装置，能够解决现有技术只能对一个图片对应的图层进行编辑，且不方便对该图层进行二次编辑的技术缺陷。

为实现上述目的，根据本申请实施例的一个方面，提供了一种编辑网页的方法，包括：

将处于空置状态的容器确定为画布；

按照待编辑元素的优先级，依次将所述待编辑元素在所述画布上编辑，生成渲染组件；

根据所述渲染组件，在网页进行能渲染。

可选地，按照待编辑元素的优先级，依次将所述待编辑元素在所述画布上编辑，生成渲染组件之前，包括：获取第一图片；将所述第一图片缩放加载至所述画布上，形成第一图层；

按照待编辑元素的优先级，依次将所述待编辑元素在所述画布上编辑，生成渲染组件，包括：

确定所述待编辑元素优先级从小到大的顺序；

根据所述待编辑元素优先级从小到大的顺序，生成每个待编辑元素对应的图层；

对所述每个待编辑元素对应的图层进行编辑；

将完成编辑后各个待编辑元素对应的图层进行组合，生成渲染组件。

可选地，针对一个待编辑元素对应的图层进行编辑，包括至少以下之一：

对所述图层进行拖拽，改变所述图层的布局信息；

在所述图层中放置输入框，在所述输入框中输入文字；

其中，所述布局信息，包括：待编辑元素的大小、位置、层级、和/或形状。

可选地，所述渲染组件的属性，包括：

每个图层对应的横纵坐标、由像素转为以图片宽高为基准的百分比。

根据本申请实施例的再一个方面，提供了一种编辑网页的装置，包括：

画布确定模块，用于将处于空置状态的容器确定为画布；

组件生成模块，用于按照待编辑元素的优先级，依次将所述待编辑元素在所述画布上编辑，生成渲染组件；

渲染模块，用于根据所述渲染组件，在网页上进行渲染。