[发明专利]页面数字显示方法、装置、计算机设备及存储介质

说明书

本发明提供了一种页面数字显示方法、装置、计算机设备及存储介质，每一个需要显示的数字对应一个HTML标签，0‑9的特殊字体的数字被制作成一张数字图片，通过确定HTML标签中的数字在数字图片中的位置坐标来加载数字图片中的该数字，从而将数字显示在页面上。本发明将数字的文字资源由字体文件变为一张数字图片，减少了页面的大小，针对页面需要显示的一个数字只需生成对应的一个HTML标签，进一步降低页面的大小，程序运行效率高，数字显示不卡顿。

技术领域

本发明涉及信息处理技术领域，尤其涉及一种页面数字显示方法、装置、计算机设备及存储介质。

背景技术

数字在网页页面的显示具有一定的机制，显示在页面的数字不是突然变化的，而是从0开始滚动至需要显示的数字后停止，最终页面显示停止的数字。

目前在页面上显示数字的方法是通过js程序生成数字0-9的HTML标签，用于显示的数字为文字格式而非图片格式，导致以下缺陷：1.不管需要显示的数字为几位，都需要生成包含0到9数字的HTML标签，这增加了生成的页面DOM(Document Object Model，文档对象模型)节点，导致页面运行效率降低；2.如果页面上需要显示的数字为特殊字体，则还需要加载该特殊字体的字体包文件，这会增大页面总大小，导致运行效率降低，甚至造成页面卡顿。

发明内容

本发明实施例提供了一种页面数字显示方法、装置、计算机设备及存储介质，能够快速地在页面上显示特殊字体的数字。

第一方面，本发明实施例提供了一种页面数字显示方法，该方法包括：

预存页面HTML文件、CSS文件和数字图片，所述页面HTML文件包括需要显示在页面的数据的HTML标签，所述数据包括数字，一位数字对应一个HTML标签，所述CSS文件包括所述数字的样式属性，所述数字图片的内容包括按预设方向依序排列的预设字体的0至9的数字；

加载所述页面HTML文件中的需要显示在页面的数字的HTML标签，从所述HTML标签中获取所述数字的样式名；

根据所述数字的样式名从所述CSS文件中获取所述数字对应的样式属性，所述样式属性为所述数字在所述数字图片中的位置坐标；

读取所述数字图片，将所述数字图片中所述位置坐标上的数字显示在页面上。

第二方面，本发明实施例还提供了一种页面数字显示装置，所述页面数字显示装置包括用于实现第一方面所述的页面数字显示方法的单元。

第三方面，本发明实施例还提供了一种计算机设备，包括存储器，以及与所述存储器相连的处理器；

所述存储器用于存储实现页面数字显示方法的计算机程序；

所述处理器用于运行所述存储器中存储的计算机程序，以执行如上述第一方面所述的方法。

第四方面，本发明实施例提供了一种存储介质，所述存储介质存储有一个或者一个以上计算机程序，所述一个或者一个以上计算机程序可被一个或者一个以上的处理器执行，以实现上述第一方面所述的方法。

本发明实施例提供了页面数字显示方法、装置、计算机设备及存储介质，每一个需要显示的数字对应一个HTML标签，0-9的特殊字体的数字被制作成一张数字图片，通过确定HTML标签中的数字在数字图片中的位置坐标来加载数字图片中的该数字，从而将数字显示在页面上。本发明实施例将数字的文字资源由字体文件变为一张数字图片，减少了页面的大小，针对页面需要显示的一个数字只需生成对应的一个HTML标签，进一步降低页面的大小，程序运行效率高，数字显示不卡顿。

附图说明