[发明专利]一种JS绘图控制方法以及系统

权利要求书

1.一种JS绘图控制方法，其特征在于，包括：

获取子控件和父控件的定位信息，所述定位信息包括：起点坐标、控件宽度、控件高度；

根据子控件和父控件各自的起点坐标、控件高度，确定显示竖直滚动条或者隐藏竖直滚动条，具体包括：计算子控件底边的Y坐标和父控件底边的Y坐标；如果子控件底边的Y坐标大于父控件的起点坐标的Y坐标，且子控件的起点坐标的Y坐标小于父控件的起点坐标的Y坐标，则父控件显示画出的竖直滚动条；如果子控件的起点坐标的Y坐标小于父控件底边的Y坐标，且子控件底边的Y坐标大于父控件底边的Y坐标，则父控件显示画出的竖直滚动条；如果子控件的起点坐标的Y坐标大于父控件的起点坐标的Y坐标，且子控件底边的Y坐标小于父控件底边的Y坐标，则父控件隐藏画出的竖直滚动条；

根据子控件和父控件各自的起点坐标、控件宽度，确定显示水平滚动条或者隐藏水平滚动条。

2.根据权利要求1所述的JS绘图控制方法，其特征在于，

所述方法还包括：在获取子控件和父控件的定位信息之前，以视窗的左上角为原点，以视窗宽度方向为X轴，以视窗高度方向为Y轴，建立XY坐标系；

所述起点坐标为控件的左上角在所述XY坐标系中的坐标。

3.根据权利要求1所述的JS绘图控制方法，其特征在于，所述的根据子控件和父控件各自的起点坐标、控件宽度，确定显示水平滚动条或者隐藏水平滚动条，包括：

计算子控件右边的X坐标和父控件右边的X坐标；

如果子控件右边的X坐标大于父控件的起点坐标的X坐标，且子控件的起点坐标的X坐标小于父控件的起点坐标的X坐标，则父控件显示画出的水平滚动条；

如果子控件的起点坐标的X坐标小于父控件右边的X坐标，且子控件右边的X坐标大于父控件右边的X坐标，则父控件显示画出的水平滚动条；

如果子控件的起点坐标的X坐标大于父控件的起点坐标的X坐标，且子控件右边的X坐标小于父控件右边的X坐标，则父控件隐藏画出的水平滚动条。

4.一种JS绘图控制系统，其特征在于，包括：

定位信息获取装置，用于获取子控件和父控件的定位信息，所述定位信息包括：起点坐标、控件宽度、控件高度；

竖直滚动条显示控制装置，用于根据子控件和父控件各自的起点坐标、控件高度，确定显示竖直滚动条或者隐藏竖直滚动条；

水平滚动条显示控制装置，根据子控件和父控件各自的起点坐标、控件宽度，确定显示水平滚动条或者隐藏水平滚动条；

其中，所述竖直滚动条显示控制装置包括：

第一计算单元，用于计算子控件底边的Y坐标和父控件底边的Y坐标；

第一竖直滚动条显示控制单元，用于在子控件底边的Y坐标大于父控件的起点坐标的Y坐标，且子控件的起点坐标的Y坐标小于父控件的起点坐标的Y坐标时，触发父控件显示画出的竖直滚动条；

第二竖直滚动条显示控制单元，用于在子控件的起点坐标的Y坐标小于父控件底边的Y坐标，且子控件底边的Y坐标大于父控件底边的Y坐标时，触发父控件显示画出的竖直滚动条；

第三竖直滚动条显示控制单元，用于在子控件的起点坐标的Y坐标大于父控件的起点坐标的Y坐标，且子控件底边的Y坐标小于父控件底边的Y坐标时，触发父控件隐藏画出的竖直滚动条。

5.根据权利要求4所述的JS绘图控制系统，其特征在于，还包括：

坐标设定装置，用于以视窗的左上角为原点，以视窗宽度方向为X轴，以视窗高度方向为Y轴，建立XY坐标系，所述起点坐标为控件的左上角在所述XY坐标系中的坐标。

6.根据权利要求4所述的JS绘图控制系统，其特征在于，所述水平滚动条显示控制装置包括：

第二计算单元，用于计算子控件右边的X坐标和父控件右边的X坐标；

第一水平滚动条显示控制单元，用于在子控件右边的X坐标大于父控件的起点坐标的X坐标，且子控件的起点坐标的X坐标小于父控件的起点坐标的X坐标时，触发父控件显示画出的水平滚动条；

第二水平滚动条显示控制单元，用于在子控件的起点坐标的X坐标小于父控件右边的X坐标，且子控件右边的X坐标大于父控件右边的X坐标时，触发父控件显示画出的水平滚动条；

第三水平滚动条显示控制单元，用于在子控件的起点坐标的X坐标大于父控件的起点坐标的X坐标，且子控件右边的X坐标小于父控件右边的X坐标时，触发父控件隐藏画出的水平滚动条。