[發(fā)明專利]頁(yè)面數(shù)字顯示方法、裝置、計(jì)算機(jī)設(shè)備及存儲(chǔ)介質(zhì)

有效

• 申請(qǐng)?zhí)枺?/td>: 201810361312.3
• 申請(qǐng)日: 2018-04-20
• 公開(kāi)（公告）號(hào): CN108536864B
• 公開(kāi)（公告）日: 2022-03-08
• 發(fā)明（設(shè)計(jì)）人: 方小偉
• 申請(qǐng)（專利權(quán)）人: 平安科技（深圳）有限公司
• 主分類(lèi)號(hào): G06F16/957
• 分類(lèi)號(hào): G06F16/957
• 代理公司: 深圳市精英專利事務(wù)所 44242
• 代理人: 林燕云

本發(fā)明提供了一種頁(yè)面數(shù)字顯示方法、裝置、計(jì)算機(jī)設(shè)備及存儲(chǔ)介質(zhì)，每一個(gè)需要顯示的數(shù)字對(duì)應(yīng)一個(gè)HTML標(biāo)簽，0?9的特殊字體的數(shù)字被制作成一張數(shù)字圖片，通過(guò)確定HTML標(biāo)簽中的數(shù)字在數(shù)字圖片中的位置坐標(biāo)來(lái)加載數(shù)字圖片中的該數(shù)字，從而將數(shù)字顯示在頁(yè)面上。本發(fā)明將數(shù)字的文字資源由字體文件變?yōu)橐粡垟?shù)字圖片，減少了頁(yè)面的大小，針對(duì)頁(yè)面需要顯示的一個(gè)數(shù)字只需生成對(duì)應(yīng)的一個(gè)HTML標(biāo)簽，進(jìn)一步降低頁(yè)面的大小，程序運(yùn)行效率高，數(shù)字顯示不卡頓。

技術(shù)領(lǐng)域

本發(fā)明涉及信息處理技術(shù)領(lǐng)域，尤其涉及一種頁(yè)面數(shù)字顯示方法、裝置、計(jì)算機(jī)設(shè)備及存儲(chǔ)介質(zhì)。

背景技術(shù)

數(shù)字在網(wǎng)頁(yè)頁(yè)面的顯示具有一定的機(jī)制，顯示在頁(yè)面的數(shù)字不是突然變化的，而是從0開(kāi)始滾動(dòng)至需要顯示的數(shù)字后停止，最終頁(yè)面顯示停止的數(shù)字。

目前在頁(yè)面上顯示數(shù)字的方法是通過(guò)js程序生成數(shù)字0-9的HTML標(biāo)簽，用于顯示的數(shù)字為文字格式而非圖片格式，導(dǎo)致以下缺陷：1.不管需要顯示的數(shù)字為幾位，都需要生成包含0到9數(shù)字的HTML標(biāo)簽，這增加了生成的頁(yè)面DOM(Document Object Model，文檔對(duì)象模型)節(jié)點(diǎn)，導(dǎo)致頁(yè)面運(yùn)行效率降低；2.如果頁(yè)面上需要顯示的數(shù)字為特殊字體，則還需要加載該特殊字體的字體包文件，這會(huì)增大頁(yè)面總大小，導(dǎo)致運(yùn)行效率降低，甚至造成頁(yè)面卡頓。

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

本發(fā)明實(shí)施例提供了一種頁(yè)面數(shù)字顯示方法、裝置、計(jì)算機(jī)設(shè)備及存儲(chǔ)介質(zhì)，能夠快速地在頁(yè)面上顯示特殊字體的數(shù)字。

第一方面，本發(fā)明實(shí)施例提供了一種頁(yè)面數(shù)字顯示方法，該方法包括：

預(yù)存頁(yè)面HTML文件、CSS文件和數(shù)字圖片，所述頁(yè)面HTML文件包括需要顯示在頁(yè)面的數(shù)據(jù)的HTML標(biāo)簽，所述數(shù)據(jù)包括數(shù)字，一位數(shù)字對(duì)應(yīng)一個(gè)HTML標(biāo)簽，所述CSS文件包括所述數(shù)字的樣式屬性，所述數(shù)字圖片的內(nèi)容包括按預(yù)設(shè)方向依序排列的預(yù)設(shè)字體的0至9的數(shù)字；

加載所述頁(yè)面HTML文件中的需要顯示在頁(yè)面的數(shù)字的HTML標(biāo)簽，從所述HTML標(biāo)簽中獲取所述數(shù)字的樣式名；

根據(jù)所述數(shù)字的樣式名從所述CSS文件中獲取所述數(shù)字對(duì)應(yīng)的樣式屬性，所述樣式屬性為所述數(shù)字在所述數(shù)字圖片中的位置坐標(biāo)；

讀取所述數(shù)字圖片，將所述數(shù)字圖片中所述位置坐標(biāo)上的數(shù)字顯示在頁(yè)面上。

第二方面，本發(fā)明實(shí)施例還提供了一種頁(yè)面數(shù)字顯示裝置，所述頁(yè)面數(shù)字顯示裝置包括用于實(shí)現(xiàn)第一方面所述的頁(yè)面數(shù)字顯示方法的單元。

第三方面，本發(fā)明實(shí)施例還提供了一種計(jì)算機(jī)設(shè)備，包括存儲(chǔ)器，以及與所述存儲(chǔ)器相連的處理器；

所述存儲(chǔ)器用于存儲(chǔ)實(shí)現(xiàn)頁(yè)面數(shù)字顯示方法的計(jì)算機(jī)程序；

所述處理器用于運(yùn)行所述存儲(chǔ)器中存儲(chǔ)的計(jì)算機(jī)程序，以執(zhí)行如上述第一方面所述的方法。

第四方面，本發(fā)明實(shí)施例提供了一種存儲(chǔ)介質(zhì)，所述存儲(chǔ)介質(zhì)存儲(chǔ)有一個(gè)或者一個(gè)以上計(jì)算機(jī)程序，所述一個(gè)或者一個(gè)以上計(jì)算機(jī)程序可被一個(gè)或者一個(gè)以上的處理器執(zhí)行，以實(shí)現(xiàn)上述第一方面所述的方法。

本發(fā)明實(shí)施例提供了頁(yè)面數(shù)字顯示方法、裝置、計(jì)算機(jī)設(shè)備及存儲(chǔ)介質(zhì)，每一個(gè)需要顯示的數(shù)字對(duì)應(yīng)一個(gè)HTML標(biāo)簽，0-9的特殊字體的數(shù)字被制作成一張數(shù)字圖片，通過(guò)確定HTML標(biāo)簽中的數(shù)字在數(shù)字圖片中的位置坐標(biāo)來(lái)加載數(shù)字圖片中的該數(shù)字，從而將數(shù)字顯示在頁(yè)面上。本發(fā)明實(shí)施例將數(shù)字的文字資源由字體文件變?yōu)橐粡垟?shù)字圖片，減少了頁(yè)面的大小，針對(duì)頁(yè)面需要顯示的一個(gè)數(shù)字只需生成對(duì)應(yīng)的一個(gè)HTML標(biāo)簽，進(jìn)一步降低頁(yè)面的大小，程序運(yùn)行效率高，數(shù)字顯示不卡頓。

附圖說(shuō)明