[發明專利]頁面數字顯示方法、裝置、計算機設備及存儲介質

有效

• 申請號: 201810361312.3
• 申請日: 2018-04-20
• 公開（公告）號: CN108536864B
• 公開（公告）日: 2022-03-08
• 發明（設計）人: 方小偉
• 申請（專利權）人: 平安科技（深圳）有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 深圳市精英專利事務所 44242
• 代理人: 林燕云

1.一種頁面數字顯示方法，其特征在于，包括：

預存頁面HTML文件、CSS文件和數字圖片，所述頁面HTML文件包括需要顯示在頁面的數據的HTML標簽，所述數據包括數字，一位數字對應一個HTML標簽，所述CSS文件包括所述數字的樣式屬性，所述數字圖片的內容包括按預設方向依序排列的預設字體的0至9的數字；

加載所述頁面HTML文件中的需要顯示在頁面的數字的HTML標簽，從所述HTML標簽中獲取所述數字的樣式名；

根據所述數字的樣式名從所述CSS文件中獲取所述數字對應的樣式屬性，所述樣式屬性為所述數字在所述數字圖片中的位置坐標；

讀取所述數字圖片，將所述數字圖片中所述位置坐標上的數字顯示在頁面上；

所述數字圖片中的每個數字占據的面積大小均為預設比例的所述數字圖片面積；

所述數字圖片的內容中0-9數字的字體可以根據所需的字體進行改變；

所述位置坐標包括橫坐標和縱坐標，所述橫坐標用于表示坐標點位于數字圖片橫向方向的比例位置，所述縱坐標均用百分比表示坐標點位于數字圖片縱向方向的比例位置；

所述數字圖片的內容包括按預設方向依序排列的預設字體的0至9的數字中將0-9按從上到下依序排列，且0-9每個數字的橫坐標相同。

2.根據權利要求1所述的頁面數字顯示方法，其特征在于，所述需要顯示在頁面的數據為小數，所述頁面HTML文件還包括小數點的HTML標簽，所述CSS文件還包括所述小數點的樣式屬性，所述數字圖片的內容還包括小數點；

所述加載所述頁面HTML文件中的需要顯示在頁面的數字的HTML標簽，從所述HTML標簽中獲取所述數字的樣式名，包括：按高位數至低位數的順序從所述頁面HTML文件中逐一加載所述小數的每位數字或小數點的HTML標簽，并依次從所述每位數字或小數點的HTML標簽中獲取對應數字或小數點的樣式名；

所述根據所述數字的樣式名從所述CSS文件中獲取所述數字對應的樣式屬性，包括：在每次獲取對應數字或小數點的樣式名后，根據所述樣式名從所述CSS文件中獲取對應數字或小數點在所述數字圖片中的位置坐標；

所述讀取所述數字圖片，將所述數字圖片中所述位置坐標上的數字顯示在頁面上，包括：

在每次獲取對應數字或小數點在所述數字圖片中的位置坐標后，根據所述位置坐標從所述數字圖片中讀取對應數字或小數點；

將每次讀取到的數字或小數點按從左到右的方向逐一顯示在頁面上，以在所述頁面上顯示完整的小數。

3.根據權利要求1所述的頁面數字顯示方法，其特征在于，所述讀取所述數字圖片，將所述數字圖片中所述位置坐標上的數字顯示在頁面上，包括：

從所述數字圖片的起點坐標開始，沿所述預設方向讀取所述數字圖片的內容，每次讀取預設比例的數字圖片面積內的內容，將每次讀取的內容覆蓋上次讀取并顯示在頁面上的內容，直至讀取到所述位置坐標的內容后停止，以使所述數字顯示在頁面上。

4.一種頁面數字顯示裝置，其特征在于，包括：

預存單元，用于預存頁面HTML文件、CSS文件和數字圖片，所述頁面HTML文件包括需要顯示在頁面的數據的HTML標簽，所述數據包括數字，一位數字對應一個HTML標簽，所述CSS文件包括所述數字的樣式屬性，所述數字圖片的內容包括按預設方向依序排列的預設字體的0至9的數字；

加載單元，用于加載所述頁面HTML文件中的需要顯示在頁面的數字的HTML標簽，從所述HTML標簽中獲取所述數字的樣式名；

獲取單元，用于根據所述數字的樣式名從所述CSS文件中獲取所述數字對應的樣式屬性，所述樣式屬性為所述數字在所述數字圖片中的位置坐標；

讀取顯示單元，用于讀取所述數字圖片，將所述數字圖片中所述位置坐標上的數字顯示在頁面上；

所述數字圖片中的每個數字占據的面積大小均為預設比例的所述數字圖片面積；

所述數字圖片的內容中0-9數字的字體可以根據所需的字體進行改變；

所述位置坐標包括橫坐標和縱坐標，所述橫坐標用于表示坐標點位于數字圖片橫向方向的比例位置，所述縱坐標均用百分比表示坐標點位于數字圖片縱向方向的比例位置；

所述數字圖片的內容包括按預設方向依序排列的預設字體的0至9的數字中將0-9按從上到下依序排列，且0-9每個數字的橫坐標相同。