一种Web面板布局方法和装置

摘要

本发明公开了一种Web面板布局方法和装置，所述方法包括：对画布进行栅格化，栅格化后的画布包括至少一个画布宽度单元和至少一个画布高度单元，其中，每一画布高度单元包含多个画布宽度单元；针对任一面板模块，获取该面板模块包含的面板高度单元数和面板宽度单元数；遍历画布高度单元，确定当前遍历画布高度单元中的空闲画布宽度单元；根据所述面板高度单元数和面板宽度单元数，从所述空闲画布宽度单元开始确定该面板模块占用的画布宽度单元，采用此方法支持各种布局，且当面板模块或画布发生变化时，只需对发生变化的面板模块进行渲染，具有较高的灵活性和扩展性。

主权项

一种Web面板布局方法，其特征在于，包括对画布进行栅格化，栅格化后的画布包括至少一个画布宽度单元和至少一个画布高度单元，其中，每一画布高度单元包含多个画布宽度单元；针对任一面板模块，获取该面板模块包含的面板高度单元数和面板宽度单元数；遍历画布高度单元，确定当前遍历画布高度单元中的空闲画布宽度单元；根据所述面板高度单元数和面板宽度单元数，从所述空闲画布宽度单元开始确定该面板模块占用的画布宽度单元。