一鍵式封閉web頁(yè)面的方法
【技術(shù)領(lǐng)域】
:
[0001]本發(fā)明涉及網(wǎng)絡(luò)可視化編輯技術(shù)，特別是涉及在WEB頁(yè)面上能夠精確地對(duì)頁(yè)面內(nèi)容的邊緣進(jìn)行整齊的裁切以精確配合瀏覽器窗口的一鍵式封閉WEB頁(yè)面的方法。
【背景技術(shù)】
:
[0002]在瀏覽器中動(dòng)態(tài)可視化編輯WEB頁(yè)面的過(guò)程中，由于可能存在大量自繪的矢量圖形及其它各種復(fù)雜元素，而且鼠標(biāo)定位很難精確的將所有邊沿控制到完全一致，因而可能導(dǎo)致整個(gè)頁(yè)面的邊緣參差不齊，而且和瀏覽器窗口無(wú)法精確配合，導(dǎo)致出現(xiàn)不適宜的滾動(dòng)條。而瀏覽器沒(méi)有提供任何優(yōu)化其邊緣顯示的功能，這為WEB頁(yè)面設(shè)計(jì)者帶來(lái)了很大的不便。
[0003]“一鍵式封閉WEB頁(yè)面”解決了這一問(wèn)題。使用該方法，用戶(hù)只要一次點(diǎn)擊，即可將頁(yè)面全部?jī)?nèi)容納入一個(gè)統(tǒng)一的容器，同時(shí)為該容器添加鼠標(biāo)事件，使其可以動(dòng)態(tài)地被移動(dòng)和改變尺寸。該容器隱藏所有超出范圍的像素，因此，通過(guò)對(duì)該容器位置的移動(dòng)及尺寸的修改，就可以對(duì)頁(yè)面內(nèi)容的邊緣進(jìn)行整齊的裁切而且使之精確地配合瀏覽器窗口的尺寸。

【發(fā)明內(nèi)容】

:
[0004]本發(fā)明解決現(xiàn)有技術(shù)在頁(yè)面編輯者編輯后造成整個(gè)頁(yè)面的邊緣參差不齊，而且和瀏覽器窗口無(wú)法精確配合的技術(shù)問(wèn)題，提供一種方法，能夠?qū)?yè)面內(nèi)容的邊緣進(jìn)行整齊的裁切而且使之精確地配合瀏覽器窗口的尺寸。
[0005]本發(fā)明方法包括如下步驟:
[0006]A、在服務(wù)器中預(yù)先建立接收封閉請(qǐng)求的服務(wù)器腳本，且所述服務(wù)器腳本建立如下機(jī)制:在接收到封閉請(qǐng)求后，系統(tǒng)將頁(yè)面全部?jī)?nèi)容納入一個(gè)統(tǒng)一的容器，該容器隱藏所有超出容器范圍的像素，并為該容器添加位置的移動(dòng)和尺寸的修改屬性。
[0007]B、在鼠標(biāo)右擊事件中添加封閉事件及該封閉事件條件下的容器動(dòng)態(tài)屬性修改事件。
[0008]技術(shù)效果:
[0009]本發(fā)明由于在服務(wù)器中預(yù)先建立接受封閉請(qǐng)求的服務(wù)器腳本，當(dāng)客戶(hù)端發(fā)出封閉請(qǐng)求時(shí)，觸發(fā)一鍵式封閉事件，服務(wù)器接收該請(qǐng)求并執(zhí)行服務(wù)器腳本。這樣使用者就可以通過(guò)對(duì)該容器位置的移動(dòng)及尺寸的修改，對(duì)頁(yè)面內(nèi)容的邊緣進(jìn)行整齊的裁切而且使之精確地配合瀏覽器窗口的尺寸。
【具體實(shí)施方式】
:
[0010]下面結(jié)合實(shí)施例詳細(xì)說(shuō)明本發(fā)明方法。
[0011]本發(fā)明方法包括如下步驟:
[0012]A、在服務(wù)器中預(yù)先建立接收封閉請(qǐng)求的服務(wù)器腳本，且所述服務(wù)器腳本建立如下機(jī)制:在接收到封閉請(qǐng)求后，系統(tǒng)將頁(yè)面全部?jī)?nèi)容納入一個(gè)統(tǒng)一的容器，該容器隱藏所有超出容器范圍的像素，而位于容器內(nèi)的內(nèi)容不受到任何影響，且容器是透明的，也就是說(shuō)，容器對(duì)WEB頁(yè)面的實(shí)時(shí)編輯不影響，但容器外的內(nèi)容暫時(shí)被隱藏。同時(shí)還為該容器添加位置的移動(dòng)和尺寸的修改屬性，以調(diào)整容器的大小和位置，使其與瀏覽器窗口的尺寸相吻合。這樣可以以通過(guò)對(duì)該容器位置的移動(dòng)及尺寸的修改，對(duì)頁(yè)面內(nèi)容的邊緣進(jìn)行整齊的裁切而且使之精確地配合瀏覽器窗口的尺寸。容器的采用防止了整個(gè)頁(yè)面的邊緣參差不齊，能與瀏覽器窗口實(shí)現(xiàn)精確配合，不會(huì)出現(xiàn)不適宜的滾動(dòng)條。
[0013]B、在鼠標(biāo)右擊事件中添加封閉事件及該封閉事件條件下的容器動(dòng)態(tài)屬性修改事件。這樣，就可用鼠標(biāo)點(diǎn)擊實(shí)現(xiàn)對(duì)內(nèi)容頁(yè)面邊緣準(zhǔn)確裁切及邊緣與瀏覽器窗口的精確配合。
【主權(quán)項(xiàng)】
1.一鍵式封閉WEB頁(yè)面的方法，包括如下步驟: A、在服務(wù)器中預(yù)先建立接收封閉請(qǐng)求的服務(wù)器腳本，且所述服務(wù)器腳本建立如下機(jī)制:在接收到封閉請(qǐng)求后，系統(tǒng)將頁(yè)面全部?jī)?nèi)容納入一個(gè)統(tǒng)一的容器，該容器隱藏所有超出容器范圍的像素，并為該容器添加位置的移動(dòng)和尺寸的修改屬性； B、在鼠標(biāo)右擊事件中添加封閉事件及該封閉事件條件下的容器動(dòng)態(tài)屬性修改事件。
【專(zhuān)利摘要】本發(fā)明涉及一種一鍵式封閉WEB頁(yè)面的方法，包括如下步驟：A、在服務(wù)器中預(yù)先建立接收封閉請(qǐng)求的服務(wù)器腳本，且所述服務(wù)器腳本建立如下機(jī)制：在接收到封閉請(qǐng)求后，系統(tǒng)將頁(yè)面全部?jī)?nèi)容納入一個(gè)統(tǒng)一的容器，該容器隱藏所有超出容器范圍的像素，并為該容器添加位置的移動(dòng)和尺寸的修改屬性；B、在鼠標(biāo)右擊事件中添加封閉事件及該封閉事件條件下的容器動(dòng)態(tài)屬性修改事件。本發(fā)明能夠?qū)?yè)面內(nèi)容的邊緣進(jìn)行整齊的裁切而且使之精確地配合瀏覽器窗口的尺寸。
【IPC分類(lèi)】G06F9-44
【公開(kāi)號(hào)】CN104714797
【申請(qǐng)?zhí)枴緾N201410365781
【發(fā)明人】施霞虹
【申請(qǐng)人】南寧市磁匯科技有限公司
【公開(kāi)日】2015年6月17日
【申請(qǐng)日】2014年7月29日