[發明專利]網頁中圖片的顯示方法和裝置

有效

• 申請號: 201410063125.9
• 申請日: 2014-02-22
• 公開（公告）號: CN103886025B
• 公開（公告）日: 2017-10-20
• 發明（設計）人: 於一飛;張少偉;左景龍
• 申請（專利權）人: 小米科技有限責任公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G09G5/26
• 代理公司: 北京三高永信知識產權代理有限責任公司11138
• 代理人: 劉映東

技術領域

本公開是關于網絡技術領域，具體來說是關于網頁中圖片的顯示方法和裝置。

背景技術

隨著互聯網信息的多樣化，網頁中可能會包含很多圖片，由于圖片的數據量很大，手機或者平板電腦等終端在加載圖片時需要消耗過多的流量和時間。而為了減少流量的消耗，提高網頁顯示的速度，終端可以在顯示網頁時，以圖片名稱或圖片中的文字等文本代替圖片進行顯示，最大程度地保留圖片的信息。

在以圖片對應的文本代替該圖片進行顯示時，可以在圖片對應的顯示區域內單行顯示該文本，當該文本超出了該顯示區域的邊界時，將超出邊界的文本截取掉。

在實現本發明的過程中，發明人發現相關技術存在缺陷，例如：當該文本的字體尺寸較大或包含的文字較多時，會有大部分文本被截取掉，容易遺漏文本中關鍵的信息或者破壞文本顯示的連續性，從而導致文本含義不清晰。

發明內容

為了解決相關技術中存在的問題，本公開提供了一種網頁中圖片的顯示方法和裝置。所述技術方案如下：

根據本公開實施例的第一方面，提供了一種網頁中圖片的顯示方法，所述方法包括：

當接收到顯示網頁的指令時，獲取所述網頁中每張圖片的屬性信息，所述屬性信息至少包括圖片對應的顯示區域和圖片的文本；

判斷所述圖片對應的顯示區域內是否能夠完整顯示所述圖片的文本；

當確定所述顯示區域內不能完整顯示所述文本時，將所述文本的字體縮小為預設字體；

在所述網頁中所述圖片對應的顯示區域內顯示預設字體的文本。

在所述網頁中所述圖片對應的顯示區域內顯示預設字體的文本包括：

判斷所述顯示區域內是否能夠完整顯示所述預設字體的文本；

當確定所述顯示區域內不能完整顯示所述預設字體的文本時，計算所述顯示區域的區域高度和所述預設字體的字體高度的商，根據所述區域高度和所述字體高度的商確定所述預設字體的文本的顯示行數；

根據所述區域寬度和所述顯示行數，將所述預設字體的文本劃分為多段文本信息，所述多段文本信息的段落數目與所述顯示行數相等，且每段文本信息的顯示寬度不大于所述區域寬度；

在所述顯示區域內分行顯示所述多段文本信息。

根據所述區域寬度和所述顯示行數，將所述預設字體的文本劃分為多段文本信息包括：

計算所述區域寬度與所述字體寬度的商，根據所述區域寬度與所述字體寬度的商確定所述顯示區域的一行能夠完整顯示的字符數目；

從所述預設字體的文本中多次提取與所述字符數目對應的字符，構成多段文本信息，直至將所述預設字體的文本全部提取完成，或者直至提取次數達到所述顯示行數。

從所述預設字體的文本中多次提取與所述字符數目對應的字符，構成多段文本信息，直至將所述預設字體的文本全部提取完成，或者直至提取次數達到所述顯示行數包括：

計算所述區域寬度與所述顯示行數的乘積；

判斷所述乘積是否大于所述總顯示寬度；

當所述乘積不大于所述總顯示寬度時，從所述預設字體的文本中提取與所述字符數目對應的字符，構成一段文本信息；

繼續進行提取直至提取次數達到所述顯示行數時停止，得到多段文本信息；

將所述預設字體的文本中剩余的字符刪除，并將提取的最后一個字符替換為指定字符，所述指定字符用于提示當前文本顯示不完整。

判斷所述乘積是否大于所述總顯示寬度之后，所述方法還包括：

當所述乘積大于所述總顯示寬度時，從所述預設字體的文本中提取與所述字符數目對應的字符，構成一段文本信息；

繼續進行提取直至將所述預設字體的文本全部提取完成，得到多段文本信息。

判斷所述顯示區域內是否能夠完整顯示所述預設字體的文本包括：

計算所述字體寬度和所述文本的字符個數的乘積，得到所述預設字體的文本的總顯示寬度；

判斷所述顯示區域的區域寬度是否大于所述總顯示寬度；

當所述區域寬度大于所述總顯示寬度時，確定所述顯示區域內能夠完整顯示所述預設字體的文本；或，

當所述區域寬度不大于所述總顯示寬度時，確定所述顯示區域內不能完整顯示所述預設字體的文本。

判斷所述顯示區域內是否能夠完整顯示所述預設字體的文本之后，所述方法還包括：

當確定所述顯示區域內能夠完整顯示所述預設字體的文本時，在所述顯示區域內單行顯示所述預設字體的文本。

根據本公開實施例的第二方面，提供了一種網頁中圖片的顯示裝置，所述裝置包括：