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

权利要求书

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每个数字的横坐标相同。