[发明专利]一键式封闭WEB页面的方法

说明书

技术领域：

本发明涉及网络可视化编辑技术，特别是涉及在WEB页面上能够精确地对页面内容的边缘进行整齐的裁切以精确配合浏览器窗口的一键式封闭WEB页面的方法。

背景技术：

在浏览器中动态可视化编辑WEB页面的过程中，由于可能存在大量自绘的矢量图形及其它各种复杂元素，而且鼠标定位很难精确的将所有边沿控制到完全一致，因而可能导致整个页面的边缘参差不齐，而且和浏览器窗口无法精确配合，导致出现不适宜的滚动条。而浏览器没有提供任何优化其边缘显示的功能，这为WEB页面设计者带来了很大的不便。

“一键式封闭WEB页面”解决了这一问题。使用该方法，用户只要一次点击，即可将页面全部内容纳入一个统一的容器，同时为该容器添加鼠标事件，使其可以动态地被移动和改变尺寸。该容器隐藏所有超出范围的像素，因此，通过对该容器位置的移动及尺寸的修改，就可以对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。

发明内容：

本发明解决现有技术在页面编辑者编辑后造成整个页面的边缘参差不齐，而且和浏览器窗口无法精确配合的技术问题，提供一种方法，能够对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。

本发明方法包括如下步骤：

A、在服务器中预先建立接收封闭请求的服务器脚本，且所述服务器脚本建立如下机制：在接收到封闭请求后，系统将页面全部内容纳入一个统一的容器，该容器隐藏所有超出容器范围的像素，并为该容器添加位置的移动和尺寸的修改属性。

B、在鼠标右击事件中添加封闭事件及该封闭事件条件下的容器动态属性修改事件。

技术效果：

本发明由于在服务器中预先建立接受封闭请求的服务器脚本，当客户端发出封闭请求时，触发一键式封闭事件，服务器接收该请求并执行服务器脚本。这样使用者就可以通过对该容器位置的移动及尺寸的修改，对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。

具体实施方式：

下面结合实施例详细说明本发明方法。

本发明方法包括如下步骤：

A、在服务器中预先建立接收封闭请求的服务器脚本，且所述服务器脚本建立如下机制：在接收到封闭请求后，系统将页面全部内容纳入一个统一的容器，该容器隐藏所有超出容器范围的像素，而位于容器内的内容不受到任何影响，且容器是透明的，也就是说，容器对WEB页面的实时编辑不影响，但容器外的内容暂时被隐藏。同时还为该容器添加位置的移动和尺寸的修改属性，以调整容器的大小和位置，使其与浏览器窗口的尺寸相吻合。这样可以以通过对该容器位置的移动及尺寸的修改，对页面内容的边缘进行整齐的裁切而且使之精确地配合浏览器窗口的尺寸。容器的采用防止了整个页面的边缘参差不齐，能与浏览器窗口实现精确配合，不会出现不适宜的滚动条。

B、在鼠标右击事件中添加封闭事件及该封闭事件条件下的容器动态属性修改事件。这样，就可用鼠标点击实现对内容页面边缘准确裁切及边缘与浏览器窗口的精确配合。