[发明专利]一种基于HTML5的在线表单设计系统

权利要求书

1.一种基于HTML5的在线表单设计系统，其特征在于，包括：

控件生成模块，用于利用HTML5画布技术生成控件；

布局模块，连接于所述控件生成模块，包括：

外层控件布局子模块，用于利用停放列表布局方式设置多个外层控件；

表格布局子模块，连接于所述外层控件布局子模块，用于在所述多个外层控件内利用表格布局方式设置表格布局子控件；

所述外层控件布局子模块包括判断单元、停放布局单元以及列表布局单元，其中，

所述判断单元用于遍历所述多个外层控件，判断所述多个外层控件是否具有停放属性，当所述外层控件具有所述停放属性时，利用所述停放布局单元来设置所述外层控件的位置和尺寸，当遍历完所有所述多个外层控件后，利用所述列表布局单元来设置不具有所述停放属性的所述外层控件的位置和尺寸；

利用所述表格布局方式在所述外层控件内设置所述表格布局子控件时，所述外层控件具有多个单元格，每个单元格内有且只有一个所述表格布局子控件，所述表格布局子模块包括：

设置单元，用于根据所述外层控件的表格布局属性来设置行高数组和列高数组，其中，

所述表格布局属性包括行样式属性、列样式属性、子控件样式属性；以及

布局单元，用于根据所述行高数组、所述列高数组和所述表格布局子控件的布局条件属性来设置所述表格布局子控件的位置和尺寸，所述布局条件属性包括间距参数、比率参数、锚定参数、拉伸参数。

2.根据权利要求1所述的基于HTML5的在线表单设计系统，其特征在于，所述外层控件布局子模块还包括第一初始化单元和第一更新单元，所述第一初始化单元用于初始化第一坐标集，所述第一更新单元用于在停放布局后更新所述第一坐标集，其中，所述第一坐标集包括上坐标、下坐标、左坐标和右坐标，所述上坐标为0，所述下坐标为设计容器的容器高度，所述左坐标为0，所述右坐标为所述设计容器的容器宽度。

3.根据权利要求2所述的基于HTML5的在线表单设计系统，其特征在于，所述位置包括所述外层控件的x坐标和y坐标，所述尺寸包括所述外层控件的控件宽度和控件高度，其中，

当所述停放属性为左停放时，所述停放布局单元将所述x坐标设置为所述左坐标，所述y坐标设置为所述上坐标，所述控件宽度设置为所述控件的原始控件宽度，所述控件高度设置为所述下坐标和所述上坐标的差值，在停放布局完成后，所述第一更新单元将所述左坐标值更新为所述左坐标与所述原始控件宽度以及控件间距之和；

当所述停放属性为右停放时，所述停放布局单元将所述x坐标设置为所述右坐标与所述原始控件宽度之间的差值，所述y坐标设置为所述上坐标，所述控件宽度设置为所述原始控件宽度，所述控件高度设置为所述下坐标和所述上坐标的差值，在停放布局完成后，所述第一更新单元将所述右坐标值更新为所述右坐标与所述原始控件宽度以及所述控件间距之差；

当所述停放属性为上停放时，所述停放布局单元将所述x坐标设置为所述左坐标，所述y坐标设置为所述上坐标，所述控件宽度设置为所述右坐标与所述左坐标的差值，所述控件高度设置为所述外层控件的原始控件高度，在停放布局完成后，所述第一更新单元将所述上坐标值更新为所述上坐标与所述原始控件高度以及所述控件间距之和；

当所述停放属性为下停放时，所述停放布局单元将所述x坐标设置为所述左坐标，所述y坐标设置为所述下坐标与所述原始控件高度之间的差值，所述控件宽度设置为所述右坐标与所述左坐标的差值，所述控件高度设置为所述原始控件高度，在停放布局完成后，所述第一更新单元将所述下坐标值更新为所述下坐标与所述原始控件高度以及所述控件间距之差；以及

当所述停放属性为中停放时，所述停放布局单元将所述x坐标设置为所述左坐标，所述y坐标设置为所述上坐标，所述控件宽度设置为所述右坐标与所述左坐标的差值，所述控件高度设置为所述下坐标与所述上坐标的差值。