[发明专利]一种生成网页页面的方法及装置

权利要求书

1.一种生成网页页面的方法，其特征在于，所述方法包括：

获取设计原文件的尺寸以及所述设计原文件包括的图层的图层信息；

如果所述图层的类型为图像图层，则对所述图层中的包括所有素材的最小区域进行截图，得到所述图层对应的截图，将所述截图确定为所述图层包括的素材；

根据所述设计原文件的尺寸创建一个空白的网页页面，所述空白的网页页面包括一个内容区域；

根据所述图层的图层信息包括的素材的位置和尺寸，在所述内容区域中创建所述图层对应的一个显示区域；

将所述图层包括的素材加载到所述图层对应的显示区域中，以生成所述网页页面。

2.如权利要求1所述的方法，其特征在于，所述图层信息至少包括图层的序号、类型、所述图层包括的素材的位置和尺寸；

所述获取所述设计原文件包括的图层的图层信息，包括：

获取所述图层中的包括所有素材的最小区域的位置和尺寸；

将所述最小区域的位置和尺寸确定为所述图层包括的素材的位置和尺寸；

为所述图层分配序号；

获取所述图层的类型属性，根据所述类型属性获取所述图层的类型。

3.如权利要求2所述的方法，其特征在于，如果所述图层的类型为文字图层，则所述图层的图层信息还包括所述图层的样式信息；

所述获取所述设计原文件包括的图层的图层信息，还包括：

获取所述图层的样式属性，根据所述样式属性获取所述图层的样式信息。

4.如权利要求1所述的方法，其特征在于，所述获取所述图层包括的素材，包括：

如果所述图层的类型为文字图层，则获取所述图层中包括的文字内容，将所述获取的文字内容确定为所述图层包括的素材。

5.如权利要求1所述的方法，其特征在于，所述获取所述设计原文件包括的图层的图层信息之前，还包括：

获取所述设计原文件包括的每个图层文件夹的层级，将所述层级大于预设数值的图层文件夹包括的所有图层合并为一个图层。

6.如权利要求1所述的方法，其特征在于，所述内容区域的尺寸与所述设计原文件的尺寸相等。

7.如权利要求1所述的方法，其特征在于，所述将所述图层包括的素材加载到所述图层对应的显示区域中，包括：

如果所述图层的类型为文字图层，则将所述图层包括的文字内容加载到所述图层对应的显示区域中，并根据所述图层的图层信息包括的样式信息设置所述文字内容的样式；

如果所述图层的类型为图像图层，则将所述图层对应的截图加载到所述图层对应的显示区域中。

8.一种生成网页页面的装置，其特征在于，所述装置包括：

第一获取模块，用于获取设计原文件的尺寸以及所述设计原文件包括的图层的图层信息；

第二获取模块包括：第四获取单元，用于如果所述图层的类型为图像图层，则对所述图层中的包括所有素材的最小区域进行截图，得到所述图层对应的截图，将所述截图确定为所述图层包括的素材；

生成模块的第一创建单元，用于根据所述设计原文件的尺寸创建一个空白的网页页面，所述空白的网页页面包括一个内容区域；

所述生成模块的第二创建单元，用于根据所述图层的图层信息包括的素材的位置和尺寸，在所述内容区域中创建所述图层对应的一个显示区域；

所述生成模块的加载单元，用于将所述图层包括的素材加载到所述图层对应的显示区域中，以生成所述网页页面。

9.如权利要求8所述的装置，其特征在于，所述图层信息至少包括图层的序号、类型、所述图层包括的素材的位置和尺寸；

所述第一获取模块包括：

第一获取单元，用于获取所述图层中的包括所有素材的最小区域的位置和尺寸；

确定单元，用于将所述最小区域的位置和尺寸确定为所述图层包括的素材的位置和尺寸；

分配单元，用于为所述图层分配序号；

第二获取单元，用于获取所述图层的类型属性，根据所述类型属性获取所述图层的类型。