一種網(wǎng)頁(yè)中圖像的處理方法和裝置制造方法
【專利摘要】提供了一種網(wǎng)頁(yè)中圖像的處理方法和裝置，其中，所述方法包括：對(duì)當(dāng)前顯示的頁(yè)面進(jìn)行截圖操作，以獲取頁(yè)面截圖，對(duì)頁(yè)面截圖進(jìn)行處理，以獲取所述頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置，依據(jù)所述像素位置繪制針對(duì)所述當(dāng)前顯示的頁(yè)面的效果圖，將得到的所述效果圖疊加于當(dāng)前顯示的頁(yè)面以進(jìn)行顯示，從而獲得在頁(yè)面中進(jìn)行動(dòng)畫顯示的效果，豐富了頁(yè)面的內(nèi)容、增加了瀏覽頁(yè)面或其他顯示界面時(shí)的趣味，改善了瀏覽靜態(tài)頁(yè)面時(shí)的用戶體驗(yàn)。
【專利說明】一種網(wǎng)頁(yè)中圖像的處理方法和裝置

【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及網(wǎng)頁(yè)顯示的【技術(shù)領(lǐng)域】，尤其是涉及一種網(wǎng)頁(yè)中圖像的處理方法和裝置。

【背景技術(shù)】
[0002]隨著社會(huì)的發(fā)展和信息化程度的不斷提高，電腦、手機(jī)等智能終端的使用越來越普及，人們利用各種智能終端進(jìn)行工作、學(xué)習(xí)和生活?yuàn)蕵返?，提升了工作和學(xué)習(xí)效率，改善了生活質(zhì)量。
[0003]現(xiàn)在，網(wǎng)絡(luò)信息技術(shù)已經(jīng)深刻地影響著每個(gè)人的工作和生活，例如，許多行業(yè)的部分或全部工作都需要利用電腦完成的；或者，用戶可以利用網(wǎng)絡(luò)信息技術(shù)來獲取信息，包括利用電腦瀏覽頁(yè)面以檢索資料或閱讀網(wǎng)頁(yè)新聞等。然而，當(dāng)人們?cè)跒g覽電腦、手機(jī)等智能終端顯示的頁(yè)面時(shí)，眼睛常常需要長(zhǎng)時(shí)間盯著頁(yè)面，這種情況損害了用戶的視力。而且，由于頁(yè)面中的文字和圖像等內(nèi)容都是靜態(tài)的、位置都是固定的，使頁(yè)面顯得刻板和僵化，用戶在長(zhǎng)時(shí)間瀏覽各種頁(yè)面時(shí)，常會(huì)因?yàn)榭菰锏貫g覽靜態(tài)的頁(yè)面而影響心理狀態(tài)，產(chǎn)生枯燥、煩悶的負(fù)面情緒，導(dǎo)致學(xué)習(xí)和工作的效率比較低。


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

[0004]本發(fā)明提供一種網(wǎng)頁(yè)中圖像的處理方法和裝置，用于解決現(xiàn)有技術(shù)中用戶在瀏覽各種頁(yè)面時(shí)，會(huì)因?yàn)榭菰锏貫g覽靜態(tài)的頁(yè)面而影響心理狀態(tài)，產(chǎn)生負(fù)面情緒，導(dǎo)致學(xué)習(xí)和工作的效率比較低的技術(shù)問題。
[0005]為解決現(xiàn)有技術(shù)中的上述問題，本發(fā)明提供了一種網(wǎng)頁(yè)中圖像的處理方法，其中，包括:
[0006]a)對(duì)當(dāng)前顯示的頁(yè)面進(jìn)行截圖操作，以獲取頁(yè)面截圖；
[0007]b)對(duì)所述頁(yè)面截圖進(jìn)行處理，以獲取所述頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置；
[0008]c)依據(jù)所述像素位置繪制針對(duì)所述當(dāng)前顯示的頁(yè)面的效果圖；以及
[0009]d)將得到的所述效果圖疊加于所述當(dāng)前顯示的頁(yè)面以進(jìn)行顯示。
[0010]本發(fā)明還提供了一種網(wǎng)頁(yè)中圖像的處理裝置，其中，包括:
[0011]截圖模塊，用于對(duì)當(dāng)前顯示的頁(yè)面進(jìn)行截圖操作，以獲取頁(yè)面截圖；
[0012]處理模塊，用于對(duì)所述頁(yè)面截圖進(jìn)行處理，以獲取所述頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置；
[0013]繪制模塊，用于依據(jù)所述像素位置繪制針對(duì)所述當(dāng)前顯示的頁(yè)面的效果圖；以及
[0014]顯示模塊，用于將得到的所述效果圖疊加于所述當(dāng)前顯示的頁(yè)面以進(jìn)行顯示。
[0015]本發(fā)明提供的實(shí)施例的有益效果:
[0016]本發(fā)明提供的實(shí)施例中，對(duì)當(dāng)前顯示的頁(yè)面進(jìn)行截圖操作，以獲取頁(yè)面截圖，對(duì)頁(yè)面截圖進(jìn)行處理，以獲取所述頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置，依據(jù)所述像素位置繪制針對(duì)所述當(dāng)前顯示的頁(yè)面的效果圖，將得到的所述效果圖疊加于當(dāng)前顯示的頁(yè)面以進(jìn)行顯示，從而獲得在頁(yè)面中進(jìn)行動(dòng)畫顯示的效果，豐富了頁(yè)面的內(nèi)容、增加了瀏覽頁(yè)面或其他顯示界面時(shí)的趣味，改善了用戶瀏覽靜態(tài)頁(yè)面時(shí)的心理狀態(tài)，避免用戶瀏覽靜態(tài)頁(yè)面或其他顯示界面時(shí)的可能產(chǎn)生的負(fù)面情緒，提高了用戶在瀏覽頁(yè)面時(shí)的學(xué)習(xí)效率或工作效率。

【專利附圖】

【附圖說明】
[0017]本發(fā)明上述的和/或附加的方面和優(yōu)點(diǎn)從下面結(jié)合附圖對(duì)實(shí)施例的描述中將變得明顯和容易理解，其中:
[0018]圖1為本發(fā)明網(wǎng)頁(yè)中圖像的處理方法第一實(shí)施例的流程示意圖；
[0019]圖2為本發(fā)明網(wǎng)頁(yè)中圖像的處理方法第二實(shí)施例的流程示意圖；
[0020]圖3為本發(fā)明網(wǎng)頁(yè)中圖像的處理裝置第一實(shí)施例的結(jié)構(gòu)示意圖；
[0021 ] 圖4為本發(fā)明網(wǎng)頁(yè)中圖像的處理裝置第二實(shí)施例的結(jié)構(gòu)示意圖。

【具體實(shí)施方式】
[0022]為了使本【技術(shù)領(lǐng)域】的人員更好地理解本發(fā)明實(shí)施例中的技術(shù)方案，并使本發(fā)明實(shí)施例的上述目的、特征和優(yōu)點(diǎn)能夠更加明顯易懂，下面結(jié)合附圖對(duì)本發(fā)明實(shí)施例中技術(shù)方案作進(jìn)一步詳細(xì)的說明。
[0023]本發(fā)明提供的實(shí)施例，是通過在原頁(yè)面上疊加透明效果圖來實(shí)現(xiàn)的，不斷更新效果圖(效果對(duì)象在每張圖中不同)來實(shí)現(xiàn)動(dòng)畫效果，在效果對(duì)象觸及原頁(yè)面截圖中靜態(tài)對(duì)象的邊緣(依據(jù)像素位置判斷靜態(tài)對(duì)象的邊緣)時(shí)，使此效果對(duì)象的位置不再變化來達(dá)到雪落在靜態(tài)對(duì)象上的效果。
[0024]圖1為本發(fā)明網(wǎng)頁(yè)中圖像的處理方法第一實(shí)施例的流程圖。如圖1所示，本實(shí)施例網(wǎng)頁(yè)中圖像的處理方法的流程具體包括如下步驟:
[0025]步驟101、對(duì)當(dāng)前顯示的頁(yè)面進(jìn)行截圖操作，以獲取頁(yè)面截圖。
[0026]在本實(shí)施例中，執(zhí)行截圖操作的可以是瀏覽器的截屏模塊，也可以是能夠頁(yè)面截圖、屏幕截圖或其他顯示界面截圖的應(yīng)用軟件。當(dāng)用戶瀏覽當(dāng)前顯示的頁(yè)面的時(shí)候，可以通過選擇鍵、按鈕或其他方式來啟動(dòng)瀏覽器的截屏模塊或用于頁(yè)面截圖的應(yīng)用以獲取頁(yè)面截圖。獲取當(dāng)前顯示的頁(yè)面的canvas頁(yè)面截圖之后，進(jìn)入步驟102。
[0027]步驟102、對(duì)頁(yè)面截圖進(jìn)行處理，以獲取頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置。
[0028]在本步驟中，對(duì)步驟101獲取的頁(yè)面截圖進(jìn)行像素處理，像素處理包括對(duì)頁(yè)面截圖進(jìn)行去色處理和查找邊緣處理等流程，以獲取頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置。其中，頁(yè)面截圖中的靜態(tài)對(duì)象可以是各種字體的文字、也可以山水風(fēng)景圖像或動(dòng)植物圖像等。去色處理主要是將頁(yè)面截圖中彩色的靜態(tài)對(duì)象轉(zhuǎn)換為灰度靜態(tài)對(duì)象，獲得灰度靜態(tài)對(duì)象中各個(gè)像素的灰度信息；查找邊緣處理可以利用灰度靜態(tài)對(duì)象中各個(gè)像素的灰度信息，找出頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置，然后進(jìn)入步驟103。
[0029]步驟103、依據(jù)像素位置繪制針對(duì)當(dāng)前顯示的頁(yè)面的效果圖。
[0030]所述的效果圖是單獨(dú)繪制的一張圖，其中除了效果對(duì)象外，其他部分可以是透明的。效果圖中依據(jù)之前得到的像素位置預(yù)設(shè)了靜態(tài)對(duì)象的邊緣輪廓的位置，其在與當(dāng)前頁(yè)面疊加顯示時(shí)與當(dāng)前頁(yè)面中靜態(tài)對(duì)象的邊緣輪廓位置重合。在本步驟中，根據(jù)頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置，在頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓之外繪制效果對(duì)象，效果對(duì)象可以是雪花、云和沙塵等，效果對(duì)象的數(shù)量可以是一個(gè)，也可以是很多個(gè)。在實(shí)際應(yīng)用中，按照預(yù)設(shè)頻率在頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的位置繪制效果圖，例如，每秒鐘繪制60幀效果圖，每一幀效果圖中效果對(duì)象的數(shù)量和/或位置不同、運(yùn)動(dòng)軌跡不同，累積到靜態(tài)對(duì)象邊緣輪廓上的位置可以相同，也可以不同。
[0031]在本實(shí)施例中，如果是雪花的效果對(duì)象，則可以在靜態(tài)對(duì)象的邊緣輪廓上方繪制效果對(duì)象，效果對(duì)象向靜態(tài)對(duì)象方向的運(yùn)動(dòng)軌跡可以是從上向下的直線、折線或曲線等，效果對(duì)象可以在隨風(fēng)飄灑或下落的過程中而放大、縮小或透明度發(fā)生變化等。當(dāng)效果對(duì)象運(yùn)動(dòng)到靜態(tài)對(duì)象的邊緣輪廓位置時(shí)，效果對(duì)象將停留在靜態(tài)對(duì)象的邊緣輪廓的位置，從而得到針對(duì)當(dāng)前顯示的頁(yè)面的關(guān)于效果對(duì)象的效果圖，然后進(jìn)入步驟104。
[0032]步驟104、將得到的效果圖疊加于當(dāng)前顯示的頁(yè)面以進(jìn)行顯示。
[0033]在本步驟中，在得到針對(duì)當(dāng)前顯示的頁(yè)面的關(guān)于效果對(duì)象的效果圖之后，將效果圖疊加于當(dāng)前顯示的頁(yè)面進(jìn)行顯示并不斷更新，從而得到作為效果對(duì)象的雪花落在頁(yè)面中的文字、動(dòng)物、植物、山、房屋或地面上，在靜態(tài)的頁(yè)面上形成雪花飄落的動(dòng)態(tài)風(fēng)景圖畫，以增加瀏覽網(wǎng)頁(yè)的樂趣，放松用戶的心情，烘托圣誕節(jié)、元旦等節(jié)日的喜慶氣氛。在將得到的效果圖疊加于當(dāng)前顯示的頁(yè)面進(jìn)行顯示時(shí)，可以根據(jù)頁(yè)面的亮度、靜態(tài)對(duì)象的形狀等信息對(duì)效果圖進(jìn)行光效果的設(shè)置，以提高頁(yè)面進(jìn)行動(dòng)態(tài)圖畫的亮度、對(duì)比度的顯示效果，增加瀏覽頁(yè)面時(shí)的趣味性。
[0034]在本實(shí)施例中，對(duì)當(dāng)前顯示的頁(yè)面進(jìn)行截圖操作，以獲取頁(yè)面截圖，對(duì)頁(yè)面截圖進(jìn)行處理，以獲取頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置，依據(jù)像素位置繪制針對(duì)當(dāng)前顯示的頁(yè)面的效果圖，將得到的效果圖疊加于當(dāng)前顯示的頁(yè)面以進(jìn)行顯示，從而獲得在頁(yè)面中進(jìn)行動(dòng)畫顯示的效果，豐富了頁(yè)面的內(nèi)容、增加了瀏覽頁(yè)面或其他顯示界面時(shí)的趣味，改善了用戶瀏覽靜態(tài)頁(yè)面時(shí)的心理狀態(tài)，避免用戶瀏覽靜態(tài)頁(yè)面或其他顯示界面時(shí)的可能產(chǎn)生的負(fù)面情緒，提高了用戶在瀏覽頁(yè)面時(shí)的學(xué)習(xí)效率或工作效率。
[0035]圖2為本發(fā)明網(wǎng)頁(yè)中圖像的處理方法第二實(shí)施例的流程示意圖。如圖2所示，本實(shí)施例網(wǎng)頁(yè)中圖像的處理方法的流程具體包括如下步驟:
[0036]步驟201、接收效果圖的觸發(fā)按鍵的事件。
[0037]在本實(shí)施例中，用戶安裝能夠顯示頁(yè)面效果圖的功能或應(yīng)用軟件之后，可以在智能終端的顯示界面上設(shè)置快捷鍵或按鍵，如果用戶希望在網(wǎng)頁(yè)、屏幕保護(hù)或終端操作界面等各種當(dāng)前顯示的界面上顯示效果圖時(shí)，用戶可以手動(dòng)觸發(fā)效果圖的觸發(fā)按鍵?；蛘?，用戶也可以設(shè)定顯示效果圖的時(shí)間間隔，例如，設(shè)定用戶在打開在網(wǎng)頁(yè)上的時(shí)長(zhǎng)達(dá)到預(yù)設(shè)時(shí)長(zhǎng)T時(shí)，啟動(dòng)頁(yè)面開始進(jìn)行獲取效果圖的操作，其中，預(yù)設(shè)時(shí)長(zhǎng)T可以設(shè)置為10分鐘，也就是說，當(dāng)用戶瀏覽網(wǎng)頁(yè)的時(shí)長(zhǎng)超過10分鐘之后，終端系統(tǒng)會(huì)自動(dòng)觸發(fā)獲取效果圖的按鍵，并將效果圖顯示在當(dāng)前頁(yè)面上，以提醒用戶休息一下眼睛或者調(diào)整坐姿等，確保用戶的身心健康。在接收到效果圖的觸發(fā)按鍵的事件之后，進(jìn)入步驟202。
[0038]步驟202、對(duì)頁(yè)面進(jìn)行截圖操作，獲取頁(yè)面截圖后轉(zhuǎn)換為canvas圖像。
[0039]在本實(shí)施例中，以執(zhí)行截圖操作的可以是瀏覽器的截屏模塊為例來介紹技術(shù)方案。如果用戶希望在瀏覽器頁(yè)面中實(shí)現(xiàn)效果圖，可以啟動(dòng)瀏覽器的截屏模塊，本實(shí)施例中的截屏模塊利用html2canVas庫(kù)實(shí)現(xiàn)對(duì)頁(yè)面的截圖功能，以將頁(yè)面上的所有元素(包括文字、圖片和輸入框等)繪制在canvas中，最后合成canvas圖像。在本步驟中，在接收到效果圖的觸發(fā)按鍵的事件之后，智能終端的系統(tǒng)將啟動(dòng)瀏覽器中的canvas功能對(duì)頁(yè)面進(jìn)行截圖操作，獲取頁(yè)面截圖，瀏覽器中的canvas功能將頁(yè)面截圖轉(zhuǎn)換為canvas圖像，然后進(jìn)入步驟 203。
[0040]步驟203、對(duì)canvas圖像進(jìn)行像素處理，獲取頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓。
[0041]在本步驟中，對(duì)canvas圖像進(jìn)行像素處理，以獲取頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置。其中，頁(yè)面截圖中的靜態(tài)對(duì)象可以是各種字體的文字、山水風(fēng)景的靜態(tài)對(duì)象或動(dòng)植物的靜態(tài)對(duì)象等。去色處理主要是將canvas圖像中彩色的靜態(tài)對(duì)象轉(zhuǎn)換為灰度靜態(tài)對(duì)象，獲得灰度靜態(tài)對(duì)象中各個(gè)像素的灰度信息；查找邊緣處理是利用灰度靜態(tài)對(duì)象中各個(gè)像素的灰度信息，找出頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置，然后進(jìn)入步驟204。
[0042]步驟204、在canvas圖像中的靜態(tài)對(duì)象邊緣輪廓之外繪制效果對(duì)象，得到效果圖。
[0043]在本步驟中，在canvas圖像中靜態(tài)對(duì)象的邊緣輪廓之外繪制效果對(duì)象，效果對(duì)象可以是雪花、云和沙塵等，效果對(duì)象的數(shù)量可以是一個(gè)，也可以是很多個(gè)。在本實(shí)施例中，如果是云和沙塵的效果對(duì)象，則可以在靜態(tài)對(duì)象的邊緣輪廓上方繪制效果對(duì)象，效果對(duì)象的運(yùn)動(dòng)軌跡可以是從上向下進(jìn)行折線、曲線；也可以是在靜態(tài)對(duì)象的邊緣輪廓左側(cè)或右側(cè)繪制效果對(duì)象，效果對(duì)象的運(yùn)動(dòng)軌跡是水平方向上延伸的直線、折線、曲線等。當(dāng)效果對(duì)象運(yùn)動(dòng)到靜態(tài)對(duì)象的邊緣輪廓位置時(shí)，效果對(duì)象將停留、堆積或掛搭在靜態(tài)對(duì)象的邊緣輪廓的位置，從而得到針對(duì)當(dāng)前顯示的頁(yè)面的關(guān)于效果對(duì)象的效果圖，然后進(jìn)入步驟205。
[0044]步驟205、將得到的效果圖疊加于當(dāng)前顯示的頁(yè)面進(jìn)行顯示。
[0045]在本步驟中，在得到針對(duì)當(dāng)前顯示的頁(yè)面的關(guān)于效果對(duì)象的效果圖之后，雪花、云和沙塵等成為效果圖中的效果對(duì)象，將效果圖疊加于當(dāng)前顯示的頁(yè)面進(jìn)行顯示，從而得到作為效果對(duì)象的雪花、云和/或沙塵等落在頁(yè)面中的文字、動(dòng)物、植物、山、房屋或地面上，例如，雪花灑落在地面上、云飄浮在山頂上、沙堆積在地面上等。
[0046]步驟206、按照預(yù)設(shè)頻率重復(fù)執(zhí)行上述步驟，獲得在頁(yè)面中進(jìn)行動(dòng)畫顯示的效果。
[0047]依據(jù)上述步驟，對(duì)當(dāng)前顯示的頁(yè)面進(jìn)行截圖操作，得到頁(yè)面截圖，然后將頁(yè)面截圖轉(zhuǎn)換為canvas圖像。當(dāng)步驟206執(zhí)行時(shí)，按照預(yù)設(shè)頻率重復(fù)執(zhí)行步驟204-205的操作，獲取新的效果圖，以實(shí)現(xiàn)動(dòng)畫效果，其中，預(yù)設(shè)頻率可以是60幀/秒。在當(dāng)前效果圖中效果對(duì)象的位置與靜態(tài)對(duì)象邊緣輪廓的像素位置重合時(shí)，在下一次生成的效果圖中該效果對(duì)象的位置保持不變，以體現(xiàn)效果對(duì)象不斷堆積疊加的效果。在將新的效果圖疊加于當(dāng)前顯示的頁(yè)面之前，刪除上一次疊加的效果圖，從而可以得到雪花、云或沙塵等效果對(duì)象在頁(yè)面中不停地飄落并堆積、掛搭或停留在頁(yè)面中的文字、動(dòng)物、植物、山、房屋或地面等靜態(tài)對(duì)象上，使頁(yè)面中的雪花、云或沙塵逐漸變厚、變高或變多，從而得到雪花飄落、云層隨風(fēng)流轉(zhuǎn)或沙塵堆積等動(dòng)畫效果。通過在頁(yè)面中將動(dòng)態(tài)對(duì)象堆積到靜態(tài)對(duì)象上，可以豐富頁(yè)面的內(nèi)容，將內(nèi)容靜止的頁(yè)面轉(zhuǎn)換成帶有動(dòng)態(tài)變化的頁(yè)面，增加了瀏覽頁(yè)面時(shí)的興趣。
[0048]進(jìn)一步的，如果用戶希望在屏幕保護(hù)或終端操作界面等其他顯示界面上顯示效果圖時(shí)，也可以通過獨(dú)立的應(yīng)用軟件來實(shí)現(xiàn)截屏、繪圖以實(shí)現(xiàn)效果圖，獲得在各種顯示界面中進(jìn)行動(dòng)畫顯示的效果，其具體過程與瀏覽器利用html2canVas庫(kù)實(shí)現(xiàn)對(duì)頁(yè)面的截屏功能的過程相似，在此不再贅述。
[0049]在本實(shí)施例中，既可以利用瀏覽器的截屏模塊在網(wǎng)頁(yè)中實(shí)現(xiàn)效果圖，也可以利用獨(dú)立的應(yīng)用軟件在終端操作界面、屏幕保護(hù)等各種顯示界面上實(shí)現(xiàn)效果圖，獲得在各種顯示界面中進(jìn)行動(dòng)畫顯示的效果，以增加使用終端的趣味性，尤其是在節(jié)日的時(shí)候，提供節(jié)日的喜慶氣氛。
[0050]在本實(shí)施例中，接收效果圖的觸發(fā)按鍵的事件之后，啟動(dòng)對(duì)頁(yè)面進(jìn)行截圖操作、繪制動(dòng)態(tài)對(duì)象等以得到效果圖，將得到的效果圖疊加于當(dāng)前頁(yè)面進(jìn)行顯示，并按照預(yù)設(shè)頻率重復(fù)對(duì)效果圖疊加于當(dāng)前顯示的頁(yè)面后得到的疊加頁(yè)面繼續(xù)進(jìn)行截圖操作，從而實(shí)現(xiàn)動(dòng)態(tài)對(duì)象持續(xù)地堆積在靜態(tài)對(duì)象上，獲得在頁(yè)面中進(jìn)行動(dòng)畫顯示的效果，豐富了頁(yè)面的內(nèi)容并增加了瀏覽頁(yè)面時(shí)的趣味，改善了用戶瀏覽靜態(tài)頁(yè)面時(shí)的心理狀態(tài)，避免用戶瀏覽靜態(tài)頁(yè)面時(shí)的可能產(chǎn)生的負(fù)面情緒，提高了用戶在瀏覽頁(yè)面時(shí)的學(xué)習(xí)效率或工作效率。
[0051]圖3為本發(fā)明網(wǎng)頁(yè)中圖像的處理裝置第一實(shí)施例的結(jié)構(gòu)示意圖。如圖3所示，本實(shí)施例網(wǎng)頁(yè)中圖像的處理裝置具體包括:截圖模塊301、處理模塊302、繪制模塊303和顯示模塊304。其中，截圖模塊301用于對(duì)當(dāng)前顯示的頁(yè)面進(jìn)行截圖操作，以獲取當(dāng)前顯示的頁(yè)面的截圖；處理模塊302用于對(duì)頁(yè)面截圖進(jìn)行處理，以獲取頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置；繪制模塊303用于依據(jù)像素位置繪制針對(duì)當(dāng)前顯示的頁(yè)面的效果圖；顯示模塊304用于將得到的效果圖疊加于當(dāng)前顯示的頁(yè)面以進(jìn)行顯示。
[0052]在本實(shí)施例中，截圖模塊對(duì)當(dāng)前顯示的頁(yè)面進(jìn)行截圖操作，以獲取頁(yè)面截圖，處理模塊對(duì)頁(yè)面截圖進(jìn)行處理，以獲取頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置，繪制模塊依據(jù)像素位置繪制針對(duì)當(dāng)前顯示的頁(yè)面的效果圖，顯示模塊得到的效果圖疊加于當(dāng)前顯示的頁(yè)面以進(jìn)行顯示，從而獲得在頁(yè)面中進(jìn)行動(dòng)畫顯示的效果，豐富了頁(yè)面的內(nèi)容、增加了瀏覽頁(yè)面時(shí)的趣味，改善了用戶瀏覽靜態(tài)頁(yè)面時(shí)的心理狀態(tài)，避免用戶瀏覽靜態(tài)頁(yè)面時(shí)的可能產(chǎn)生的負(fù)面情緒，提高了用戶在瀏覽頁(yè)面時(shí)的學(xué)習(xí)效率或工作效率。
[0053]圖4為本發(fā)明網(wǎng)頁(yè)中圖像的處理裝置第二實(shí)施例的結(jié)構(gòu)示意圖。如圖4所示，本實(shí)施例網(wǎng)頁(yè)中圖像的處理裝置還包括:重復(fù)啟動(dòng)模塊305，用于依據(jù)預(yù)設(shè)頻率重復(fù)啟動(dòng)繪制模塊303和顯示模塊304，實(shí)現(xiàn)按照預(yù)設(shè)頻率將動(dòng)態(tài)對(duì)象持續(xù)地堆積在靜態(tài)對(duì)象上，獲得在頁(yè)面中進(jìn)行動(dòng)畫顯示的效果。在新的效果圖疊加于當(dāng)前顯示的頁(yè)面之前，繪制模塊303還用于將刪除上一次疊加的效果圖。
[0054]在本實(shí)施例中，用戶可以手動(dòng)觸發(fā)效果圖的觸發(fā)按鍵，或者，用戶也可以設(shè)定在網(wǎng)頁(yè)上自動(dòng)啟動(dòng)顯示效果圖的預(yù)設(shè)時(shí)長(zhǎng)為10分鐘，當(dāng)用戶打開網(wǎng)頁(yè)的時(shí)長(zhǎng)達(dá)到10分鐘之后，終端系統(tǒng)將自動(dòng)觸發(fā)截面模塊301對(duì)頁(yè)面進(jìn)行截圖操作，并將獲取的當(dāng)前顯示頁(yè)面的頁(yè)面截圖。
[0055]進(jìn)一步的，本實(shí)施例中，繪制模塊303還用于在當(dāng)前效果圖中效果對(duì)象的位置與像素位置重合時(shí)，在下一次生成的效果圖中保持效果對(duì)象的位置不變。處理模塊302還用于對(duì)頁(yè)面截圖進(jìn)行去色處理和查找邊緣處理；以及依據(jù)處理后的頁(yè)面截圖獲取靜態(tài)對(duì)象的邊緣輪廓的像素位置。
[0056]在本實(shí)施例中，通過重復(fù)啟動(dòng)模塊預(yù)設(shè)頻率重復(fù)啟動(dòng)繪制模塊和顯示模塊，實(shí)現(xiàn)動(dòng)態(tài)對(duì)象持續(xù)地堆積在靜態(tài)對(duì)象上，獲得在頁(yè)面中進(jìn)行動(dòng)畫顯示的效果，豐富了頁(yè)面的內(nèi)容并增加了瀏覽頁(yè)面時(shí)的趣味，改善了用戶瀏覽靜態(tài)頁(yè)面時(shí)的心理狀態(tài)，避免用戶瀏覽靜態(tài)頁(yè)面時(shí)的可能產(chǎn)生的負(fù)面情緒，提高了用戶在瀏覽頁(yè)面時(shí)的學(xué)習(xí)效率或工作效率。
[0057]本【技術(shù)領(lǐng)域】的普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例方法攜帶的全部或部分步驟是可以通過程序來指令相關(guān)的硬件完成，所述的程序可以存儲(chǔ)于一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中，該程序在執(zhí)行時(shí)，包括方法實(shí)施例的步驟之一或其組合。
[0058]此外，在本發(fā)明各個(gè)實(shí)施例中的各功能單元可以集成在一個(gè)處理模塊中，也可以是各個(gè)單元單獨(dú)物理存在，也可以兩個(gè)或兩個(gè)以上單元集成在一個(gè)模塊中。上述集成的模塊既可以采用硬件的形式實(shí)現(xiàn)，也可以采用軟件功能模塊的形式實(shí)現(xiàn)。所述集成的模塊如果以軟件功能模塊的形式實(shí)現(xiàn)并作為獨(dú)立的產(chǎn)品銷售或使用時(shí)，也可以存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中。
[0059]上述提到的存儲(chǔ)介質(zhì)可以是只讀存儲(chǔ)器，磁盤或光盤等。
[0060]以上所述僅是本發(fā)明的部分實(shí)施方式，應(yīng)當(dāng)指出，對(duì)于本【技術(shù)領(lǐng)域】的普通技術(shù)人員來說，在不脫離本發(fā)明原理的前提下，還可以做出若干改進(jìn)和潤(rùn)飾，這些改進(jìn)和潤(rùn)飾也應(yīng)視為本發(fā)明的保護(hù)范圍。
【權(quán)利要求】
1.一種網(wǎng)頁(yè)中圖像的處理方法，其特征在于，包括: a)對(duì)當(dāng)前顯示的頁(yè)面進(jìn)行截圖操作，以獲取頁(yè)面截圖； b)對(duì)所述頁(yè)面截圖進(jìn)行處理，以獲取所述頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置； c)依據(jù)所述像素位置繪制針對(duì)所述當(dāng)前顯示的頁(yè)面的效果圖；以及 d)將得到的所述效果圖疊加于所述當(dāng)前顯示的頁(yè)面以進(jìn)行顯示。
2.根據(jù)權(quán)利要求1所述的網(wǎng)頁(yè)中圖像的處理方法，其特征在于，所述方法進(jìn)一步包括: 依據(jù)預(yù)設(shè)頻率重復(fù)上述步驟c)和d)，其中，在新的效果圖疊加于所述當(dāng)前顯示的頁(yè)面之前，刪除上一次疊加的效果圖。
3.根據(jù)權(quán)利要求2所述的網(wǎng)頁(yè)中圖像的處理方法，其特征在于，所述效果圖中包括效果對(duì)象，以及在當(dāng)前效果圖中所述效果對(duì)象的位置與所述像素位置重合時(shí)，在下一次生成的效果圖中保持所述效果對(duì)象的位置不變。
4.根據(jù)權(quán)利要求3所述的網(wǎng)頁(yè)中圖像的處理方法，其特征在于，所述效果對(duì)象包括如下中的至少一種: 雪花、云和沙塵。
5.根據(jù)權(quán)利要求1-4中任一項(xiàng)所述的網(wǎng)頁(yè)中圖像的處理方法，其特征在于，對(duì)所述頁(yè)面截圖進(jìn)行處理，以獲取所述頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置的步驟進(jìn)一步包括: 對(duì)所述頁(yè)面截圖進(jìn)行去色處理和查找邊緣處理；以及 依據(jù)處理后的所述頁(yè)面截圖獲取靜態(tài)對(duì)象的邊緣輪廓的像素位置。
6.根據(jù)權(quán)利要求1-5中任一項(xiàng)所述的網(wǎng)頁(yè)中圖像的處理方法，其特征在于，所述靜態(tài)對(duì)象包括如下中的至少一種: 文字、風(fēng)景圖像和動(dòng)物圖像。
7.—種網(wǎng)頁(yè)中圖像的處理裝置，其特征在于，包括: 截圖模塊，用于對(duì)當(dāng)前顯示的頁(yè)面進(jìn)行截圖操作，以獲取頁(yè)面截圖； 處理模塊，用于對(duì)所述頁(yè)面截圖進(jìn)行處理，以獲取所述頁(yè)面截圖中靜態(tài)對(duì)象的邊緣輪廓的像素位置； 繪制模塊，用于依據(jù)所述像素位置繪制針對(duì)所述當(dāng)前顯示的頁(yè)面的效果圖；以及 顯示模塊，用于將得到的所述效果圖疊加于所述當(dāng)前顯示的頁(yè)面以進(jìn)行顯示。
8.根據(jù)權(quán)利要求7所述的網(wǎng)頁(yè)中圖像的處理裝置，其特征在于，還包括: 重復(fù)啟動(dòng)模塊，用于依據(jù)預(yù)設(shè)頻率重復(fù)啟動(dòng)所述繪制模塊和所述顯示模塊，以繪制新效果圖并將得到的新效果圖疊加于所述當(dāng)前顯示的頁(yè)面以進(jìn)行顯示。
9.根據(jù)權(quán)利要求8所述的網(wǎng)頁(yè)中圖像的處理裝置，其特征在于，所述顯示模塊進(jìn)一步用于: 在新的效果圖疊加于所述當(dāng)前顯示的頁(yè)面之前，刪除上一次疊加的效果圖。
10.根據(jù)權(quán)利要求9所述的網(wǎng)頁(yè)中圖像的處理裝置，其特征在于，所述繪制模塊進(jìn)一步用于: 在當(dāng)前效果圖中所述效果對(duì)象的位置與所述像素位置重合時(shí)，在下一次生成的效果圖中保持所述效果對(duì)象的位置不變。
11.根據(jù)權(quán)利要求10所述的網(wǎng)頁(yè)中圖像的處理裝置，其特征在于，所述效果對(duì)象包括如下中的至少一種: 雪花、云和沙塵。
12.根據(jù)權(quán)利要求7-9任一所述的網(wǎng)頁(yè)中圖像的處理裝置，其特征在于，所述處理模塊進(jìn)一步用于: 對(duì)所述頁(yè)面截圖進(jìn)行去色處理和查找邊緣處理；以及 依據(jù)處理后的所述頁(yè)面截圖獲取靜態(tài)對(duì)象的邊緣輪廓的像素位置。
【文檔編號(hào)】G06F17/30GK104504090SQ201410829805
【公開日】2015年4月8日 申請(qǐng)日期:2014年12月26日 優(yōu)先權(quán)日:2014年12月26日
【發(fā)明者】劉朋科 申請(qǐng)人:北京奇虎科技有限公司, 奇智軟件（北京）有限公司