移動終端設備的帶文字內容的圖片的重新排版方法及系統的製作方法

2023-09-17 01:10:55 3

專利名稱：移動終端設備的帶文字內容的圖片的重新排版方法及系統的製作方法
技術領域：
本發明涉及帶文字內容的圖片的重新排版方法和系統，特別是一種用於移動終端 設備的帶文字內容的圖片的重新排版方法和系統。
背景技術：
手機瀏覽器的未來發展是以用戶的體驗好壞為成敗的標準。現行手機上網瀏覽的 顯示模式有兩種第一種顯示模式是移動屏幕(讓屏幕在網頁上移動)，第二種顯示模式是 對網頁重新進行排版。在第一種顯示模式中，由於手機屏幕的寬度往往小於網頁中各板塊 內容的寬度，找到內容後如果要進行閱讀，必須每一行移動多次屏幕才能完成對該行的閱 讀，使得用戶在瀏覽網頁時很不方便。在第二種顯示模式中，通過對網頁重新進行排版，把 Web進行技術處理，把每一板塊的每一行的內容按屏幕的寬度進行排版(WAP手機瀏覽器模 式)，從而方便了用戶瀏覽網頁。但是，即使採用第二種顯示模式，由於在網頁上經常存在一 些帶文字的圖片，這些帶文字的圖片寬度一般較大(常見的電子書圖片寬度在700像素左 右)，因此即使採用第二種顯示模式在像手機這樣的小屏幕行動裝置上閱覽這些圖片中的 文字內容時，仍然需要不斷的左右移動圖片，給用戶的閱覽帶來不便，造成體驗效果非常不 好。如果伺服器可以對帶文字內容的圖片進行重新排版，使其文字內容能夠自動適應手機 屏幕的大小，消除了手機用戶在閱覽過程中不斷左右移動圖片的步驟，必將大大的提高用 戶的閱讀體驗。

發明內容
本發明的目的是為了克服現有的小屏幕的移動終端對帶文字內容的圖片的閱覽 不方便的缺點，提供了一種更加完善的技術解決方案。本發明提供了一種用於移動終端設備的帶文字內容的圖片的重新排版方法，包 括判斷目標網頁的頁面數據中是否含有帶文字內容的圖片；對所述帶文字內容的圖片進行重新排版，生成符合移動終端設備的屏幕寬度要求 的重新排版後圖片；將所述重新排版後圖片返回至所述移動終端設備。上述的帶文字內容的圖片的重新排版方法還包括對所述帶文字內容的圖片的寬 度與所述移動終端設備的屏幕寬度進行比較，判斷是否需要對所述帶文字內容的圖片進行 所述重新排版。其中，所述重新排版包括以下步驟對所述帶文字內容的圖片的每一行文字的每一列像素進行掃描，其中連續的空白 像素列被認為是文字間的空白區域，連續的有內容像素列被認為是文字區域；根據所述的掃描結果，將所述帶文字內容的圖片的每一行內容分割成單個文字；將所述分割後的全部所述單個文字根據所述移動終端設備的屏幕寬度重新排布，生成所述重新排版後圖片。上述的帶文字內容的圖片的重新排版方法還包括確定所述帶文字內容的圖片的 特定格式；其中，所述重新排版後圖片是以所述特定格式返回至所述移動終端設備。上述的帶文字內容的圖片的重新排版處理方法還包括對所述重新排版後圖片的 長度與所述移動終端設備的屏幕長度進行比較，判斷是否需要將所述重新排版後圖片分割 成符合所述移動終端設備的屏幕長度要求的小圖片。本發明還提供一種用於移動終端設備的帶文字內容的圖片的重新排版處理系統， 包括圖片判斷模塊，用於判斷目標網頁的頁面數據中是否存在帶文字內容的圖片；圖片重新排版模塊，用於根據移動終端設備的屏幕寬度對所述帶文字內容的圖片 進行重新排版，生成重新排版後圖片。上述的帶文字內容的圖片的重新排 版處理系統還包括圖片寬度比較模塊，用於 獲取所述帶文字內容的圖片的寬度並將其與所述移動終端設備的屏幕寬度進行比較。其中，所述圖片重新排版模塊對所述帶文字內容的圖片的每一行文字的每一列像 素進行掃描，並根據所述的掃描結果將所述帶文字內容的圖片的每一行內容分割成單個文 字，然後將所述分割後的全部所述單個文字根據所述移動終端設備的屏幕寬度重新排布， 生成所述重新排版後圖片。上述的帶文字內容的圖片的重新排版處理系統還包括圖片格式識別模塊，用於 識別所述帶文字內容的圖片的特定格式；其中，所述圖片重新排版模塊根據所述特定格式 生成所述重新排版後圖片。上述的帶文字內容的圖片的重新排版處理系統，還包括圖片長度比較模塊，用於獲取所述重新排版後圖片的長度並將其與所述移動終端 設備的屏幕長度進行比較，判斷是否需要將所述重新排版後圖片分割成符合所述移動終端 設備的屏幕長度要求的小圖片；圖片分割模塊，用於當所述重新排版後圖片的長度超過所述移動終端設備的屏幕 長度時，將所述重新排版後圖片分割符合所述移動終端設備的屏幕長度要求的小圖片。通過實施本發明，伺服器對帶文字內容的圖片進行了重新排版，使其文字內容能 夠自動適應包括手機在內的各種小屏幕移動終端設備。小屏幕移動終端設備用戶無需左右 移動圖片即可進行暢快閱讀。


圖1為帶文字內容的圖片的重新排版處理系統示意圖；圖2為顯示帶文字內容的圖片的處理流程圖；圖3為是否需要進行帶文字內容的圖片的轉換判斷流程圖；圖4為對帶文字內容的圖片進行識別和重新排版的處理流程圖。
具體實施例方式本發明通過將帶文字內容的圖片進行文字內容的識別和重新排版，使得重新排版 後的內容能夠自動適應於小屏幕移動終端設備，使得用戶能夠更方便地在小屏幕移動終端設備上閱覽較大寬度的帶文字內容的圖片。其中，上述小屏幕移動終端設備可以是手機、掌 上電腦等。下面結合附圖詳細說明本發明的具體實施方式
。圖1示出了帶文字內容的圖片的重新排版處理系統示意圖。如圖1所示，帶文字 內容的圖片的重新排版處理系統包括圖片判斷模塊1、圖片寬度比較模塊2、圖片重新排版 模塊3、圖片分割模塊4、圖片格式識別模塊5以及圖片長度比較模塊6。圖片判斷模塊1、 圖片寬度比較模塊2、圖片重新排版模塊3、圖片長度比較模塊、圖片分割模塊4、圖片格式 識別模塊5、圖片長度比較模塊6、數據存儲模塊7、通信接口模塊8以及CPUlO通過數據總 線9連接。CPUlO通過數據總線9控制圖片判斷模塊1、圖片寬度比較模塊2、圖片重新排版 模塊3、圖片分割模塊4、圖片格式識別模塊5以及圖片長度比較模塊6的運行。帶文字內 容的圖片的重新排版處理系統通過通信接口模塊8連接移動終端設備。圖片判斷模塊1用於判斷目標網頁的頁面數據中是否存在帶文字內容的圖片，即 當伺服器接收到目標網頁的頁面數據時，通過圖片判斷模塊1判斷該頁面數據中是否存在 帶文字內容的圖片。圖片寬度比較模塊2用於獲取上述帶文字內容的圖片的寬度並將其與 移動終端設備的屏幕寬度進行比較。其中，上述移動終端設備的屏幕寬度是由移動終端設 備的生產商預先設定的。所述重新排版處理系統在屏幕瀏覽器啟動或是屏幕發生橫屏變化 時，自動讀取上述移動終端設備的屏幕寬度，並存儲在數據存儲模塊7中以供圖片寬度比 較模塊2進行寬度比較時使用。圖片重新排版模塊3用於根據移動終端設備的屏幕寬度對帶文字內容的圖片進 行重新排版，使得經重新排版後的帶文字內容的圖片適合在移動終端設備的屏幕顯示而無 需在閱覽時不斷左右移動圖片。具體地，圖片重新排版模塊3對上述帶文字內容的圖片的 每一行文字的每一列像素進行掃描，在上述的掃描過程中，連續的空白像素列被認為是文 字間的空白區域，連續的有內容像素列被認為是文字區域，根據上述的掃描結果，將上述帶 文字內容的圖片的每一行內容分割成一個個文字並將上述分割後的全部文字根據符合上 述移動終端設備的屏幕寬度要求的圖片寬度和資料庫中上述帶文字內容的圖片原先特定 格式進行重新排布，生成新的圖片。圖片長度比較模塊6用於獲取上述帶文字內容的圖片 的長度並將其與移動終端設備的屏幕長度進行比較。其中，上述移動終端設備的屏幕長度 是由移動終端設備的生產商預先設定的。所述重新排版處理系統在屏幕瀏覽器啟動或是屏 幕發生橫屏變化時，自動讀取上述移動終端設備的屏幕長度，並存儲在數據存儲模塊7中 以供圖片長度比較模塊6進行長度比較時使用。圖片分割模塊4用於當圖片的長度超過移 動終端設備的屏幕長度時，將該圖片分割符合上述移動終端設備的屏幕長度的小圖片。圖 片格式識別模塊5用於識別上述帶文字內容的圖片的特定格式，並將識別獲得的圖片特定 格式存入數據存儲模塊7以供圖片重新排版模塊3對上述帶文字內容的圖片進行重新排版 時使用。圖2示出了顯示帶文字內容的圖片的處理流程。如圖2所示，在步驟Sll中，當 用戶想要瀏覽某網站的網頁頁面的內容時，在客戶端的瀏覽器中輸入該目標網頁頁面的 URL(統一資源定位符，Uniform Resource Locator)，伺服器根據客戶端輸入獲得上述目標 網頁頁面的URL，並根據上述URL從上述網站獲取相應的頁面數據，並判斷上述頁面數據中 是否含有帶文字內容的圖片(步驟S12)。
6
如果伺服器確定上述頁面數據中不含有帶文字內容的圖片(步驟S12:否)，結束 帶文字內容的圖片的處理流程。如果伺服器確定上述頁面數據中含有帶文字內容的圖片 (步驟S12:是)，伺服器判斷是否需要對上述帶文字內容的圖片進行轉換(步驟S13)。如 果需要對上述帶文字內容的圖片進行轉換(步驟S13 是)，伺服器對上述帶文字內容的圖 片進行識別並重新排版(步驟S14)，然後判斷經重新排版後的帶文字內容的圖片的長度是 否超過限制(步驟S15)。如果經重新排版後的帶文字內容的圖片的長度超過限制(步驟 S15 是)，伺服器將上述經重新排版後的帶文字內容的圖片分割成符合規定的小圖片(步 驟S16)，然後將圖片返回至客戶端顯示(步驟S19)。如果經重新排版後的帶文字內容的圖 片的長度沒有超過限制(步驟S15 否)，直接進入步驟S19，即伺服器直接將圖片返回至客 戶端顯示。返回步驟S13，如果上述頁面數據中的帶文字內容的圖片不需要重新排版(步驟 S13:否)，伺服器判斷上述帶文字內容的圖片的長度是否超過限制(步驟S17)。如果上述 帶文字內容的圖片的長度是超過限制(步驟S17 是)，伺服器將上述帶文字內容的圖片分 割成符合規定的小圖片(步驟S18)，然後將圖片返回至客戶端顯示(步驟S19)。如果上述 帶文字內容的圖片的長度沒有超過限制(步驟S17 否)，直接進入步驟S19，即伺服器直接 將圖片返回至客戶端顯示。圖3為步驟S13中是否需要進行帶文字內容的圖片的轉換判斷流程圖。如圖3所 示，在步驟S131中，伺服器對帶文字內容的圖片的格式進行判斷，獲得上述帶文字內容的 圖片的特定格式(例如GIF格式或PNG格式)，將相應特定格式的參數存儲至伺服器上相應 的資料庫中(步驟S132)，然後獲取上述帶文字內容的圖片的相應寬度(即圖片寬度)(步 驟S133)。通常帶文字內容的圖片的寬度大於等於650像素而小於等於750像素，最常見的 帶文字內容的圖片的寬度為700像素左右。在步驟S134中，伺服器將所獲取的上述帶文字 內容的圖片的相應寬度與移動終端設備的屏幕寬度進行比較。在本實施例中，移動終端設 備的屏幕寬度是一個預先確定的固定值，例如，手機的屏幕寬度通常為小於等於640像素。 當上述帶文字內容的圖片的相應寬度大於移動終端設備的屏幕寬度(步驟S134:是)，進入 步驟S14，對上述帶文字內容的圖片進行識別並重新排版。當上述帶文字內容的圖片的相應 寬度大於移動終端設備的屏幕寬度(步驟S134 否)，進入步驟S17。圖4為步驟S14中對帶文字內容的圖片進行識別和重新排版的處理流程圖。如圖 4所示，上述伺服器對上述帶文字內容的圖片的每一行文字的每一列像素進行掃描(步驟 S141)，在上述的掃描過程中，連續的空白像素列被認為是文字間的空白區域，連續的有內 容像素列被認為是文字區域。上述伺服器根據上述的掃描結果，將上述帶文字內容的圖片 的每一行內容分割成一個個文字(步驟S142)。上述伺服器將上述分割後的全部文字根據 上述移動終端設備的屏幕寬度和資料庫中上述帶文字內容的圖片原先特定格式進行重新 排布，生成新的圖片(步驟S143)。前述的詳細說明及附圖是通過文字解釋和圖示來進行的，其目的不在於限定權利 要求的保護範圍。本說明書中的具體實施方式
的各個變種對於普通技術人員來說顯而易 見，並處於權利要求及其等同技術的保護範圍內。
權利要求
一種用於移動終端設備的帶文字內容的圖片的重新排版方法，包括判斷目標網頁的頁面數據中是否含有帶文字內容的圖片；對所述帶文字內容的圖片進行重新排版，生成符合移動終端設備的屏幕寬度要求的重新排版後圖片；將所述重新排版後圖片返回至所述移動終端設備。
2.根據權利要求1所述的帶文字內容的圖片的重新排版方法，還包括對所述帶文字 內容的圖片的寬度與所述移動終端設備的屏幕寬度進行比較，判斷是否需要對所述帶文字 內容的圖片進行所述重新排版。
3.根據權利要求2所述的帶文字內容的圖片的重新排版方法，其特徵在於所述重新 排版包括以下步驟對所述帶文字內容的圖片的每一行文字的每一列像素進行掃描，其中連續的空白像素 列被認為是文字間的空白區域，連續的有內容像素列被認為是文字區域；根據所述的掃描結果，將所述帶文字內容的圖片的每一行內容分割成單個文字；將所述分割後的全部所述單個文字根據所述移動終端設備的屏幕寬度重新排布，生成 所述重新排版後圖片。
4.根據權利要求1-3任一所述的帶文字內容的圖片的重新排版方法，還包括確定所 述帶文字內容的圖片的特定格式；其中，所述重新排版後圖片是以所述特定格式返回至所 述移動終端設備。
5.根據權利要求4所述的帶文字內容的圖片的重新排版處理方法，還包括對所述重 新排版後圖片的長度與所述移動終端設備的屏幕長度進行比較，判斷是否需要將所述重新 排版後圖片分割成符合所述移動終端設備的屏幕長度要求的小圖片。
6.一種用於移動終端設備的帶文字內容的圖片的重新排版處理系統，包括圖片判斷模塊，用於判斷目標網頁的頁面數據中是否存在帶文字內容的圖片；圖片重新排版模塊，用於根據移動終端設備的屏幕寬度對所述帶文字內容的圖片進行 重新排版，生成重新排版後圖片。
7.根據權利要求6所述的帶文字內容的圖片的重新排版處理系統，還包括圖片寬度 比較模塊，用於獲取所述帶文字內容的圖片的寬度並將其與所述移動終端設備的屏幕寬度 進行比較。
8.根據權利要求6所述的帶文字內容的圖片的重新排版處理系統，其特徵在於所述 圖片重新排版模塊對所述帶文字內容的圖片的每一行文字的每一列像素進行掃描，並根據 所述的掃描結果將所述帶文字內容的圖片的每一行內容分割成單個文字，然後將所述分割 後的全部所述單個文字根據所述移動終端設備的屏幕寬度重新排布，生成所述重新排版後 圖片。
9.根據權利要求6-8任一所述的帶文字內容的圖片的重新排版處理系統，還包括圖 片格式識別模塊，用於識別所述帶文字內容的圖片的特定格式；其中，所述圖片重新排版模 塊根據所述特定格式生成所述重新排版後圖片。
10.根據權利要求9所述的帶文字內容的圖片的重新排版處理系統，還包括圖片長度比較模塊，用於獲取所述重新排版後圖片的長度並將其與所述移動終端設備 的屏幕長度進行比較，判斷是否需要將所述重新排版後圖片分割成符合所述移動終端設備的屏幕長度要求的小圖片；圖片分割模塊，用於當所述重新排版後圖片的長度超過所述移動終端設備的屏幕長度 時，將所述重新排版後圖片分割符合所述移動終端設備的屏幕長度要求的小圖片。
全文摘要
本發明提供一種用於移動終端設備的帶文字內容的圖片的重新排版方法，包括判斷目標網頁的頁面數據中是否含有帶文字內容的圖片；對所述帶文字內容的圖片進行重新排版，生成符合移動終端設備的屏幕寬度要求的重新排版後圖片；將所述重新排版後圖片返回至所述移動終端設備。同時，本發明還提供一種用於移動終端設備的帶文字內容的圖片的重新排版處理系統，包括圖片判斷模塊和圖片重新排版模塊。
文檔編號G06F17/25GK101937428SQ20101025060
公開日2011年1月5日 申請日期2010年8月11日 優先權日2010年8月11日
發明者梁捷, 蘇曉 申請人:優視科技有限公司