利索能及
我要发布
收藏
专利号: 2017108225539
申请人: 武汉斗鱼网络科技有限公司
专利类型:发明专利
专利状态:已下证
更新日期:2025-08-18
缴费截止日期: 暂无
联系人

摘要:

权利要求书:

1.一种用于页面渲染的调整文字大小的方法,其特征在于,包括:获取进行页面渲染的移动设备的屏幕宽度;

获取所述移动设备的屏幕宽度与预设设计稿的宽度的比值;其中,预设设计稿是用于页面渲染的设计稿;

获取所述预设设计稿的第一文字大小的范围;其中,所述第一文字大小为所述设计稿的字体大小,所述预设设计稿的第一文字大小的范围为12px~44px,且所述第一文字大小为偶数值;

根据所述第一文字大小的范围和所述比值,调整与所述屏幕宽度对应的第二文字大小;所述第二文字大小为在所述屏幕上进行渲染时的字体大小;

根据所述第二文字大小,进行页面渲染;

所述根据所述第二文字大小,进行页面渲染,包括:根据所述第二文字大小,设置待渲染页面的行内样式;基于所述行内样式,进行页面渲染;所述设置待渲染页面的行内样式包括在渲染模版上写入对应的文字大小样式。

2.如权利要求1所述的方法,其特征在于,所述根据所述第一文字大小的范围和所述比值,调整与所述屏幕宽度对应的第二文字大小,包括:根据所述第一文字大小的范围,获得所述第一文字大小的集合;

根据所述第一文字大小的集合中每个元素与所述比值之间的乘积,获得与所述屏幕宽度对应的第二文字大小的集合;

从所述第二文字大小的集合中选取用于进行渲染的第二文字大小。

3.一种用于页面渲染的调整文字大小的装置,其特征在于,包括:第一获取模块,获取进行页面渲染的移动设备的屏幕宽度;

第二获取模块,用于获取所述移动设备的屏幕宽度与预设设计稿的宽度的比值;其中,预设设计稿是用于页面渲染的设计稿;

第三获取模块,用于获取所述预设设计稿的第一文字大小的范围;其中,所述第一文字大小为所述设计稿的字体大小,所述预设设计稿的第一文字大小的范围为12px~44px,且所述第一文字大小为偶数值;

调整模块,用于根据所述第一文字大小的范围和所述比值,调整与所述屏幕宽度对应的第二文字大小;所述第二文字大小为在所述屏幕上进行渲染时的字体大小;

渲染模块,用于根据所述第二文字大小,进行页面渲染;所述渲染模块具体用于:根据所述第二文字大小,设置待渲染页面的行内样式;基于所述行内样式,进行页面渲染;所述设置待渲染页面的行内样式包括在渲染模版上写入对应的文字大小样式。

4.如权利要求3所述的装置,其特征在于,所述调整模块还用于:根据所述第一文字大小的范围,获得所述第一文字大小的集合;

根据所述第一文字大小的集合中每个元素与所述比值之间的乘积,获得与所述屏幕宽度对应的第二文字大小的集合;

从所述第二文字大小的集合中选取用于进行渲染的的第二文字大小。

5.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现以下步骤:获取进行页面渲染的移动设备的屏幕宽度;

获取所述移动设备的屏幕宽度与预设设计稿的宽度的比值;其中,预设设计稿是用于页面渲染的设计稿;

获取所述预设设计稿的第一文字大小的范围;其中,所述第一文字大小为所述设计稿的字体大小,所述预设设计稿的第一文字大小的范围为12px~44px,且所述第一文字大小为偶数值;

根据所述第一文字大小的范围和所述比值,调整与所述屏幕宽度对应的第二文字大小;所述第二文字大小为在所述屏幕上进行渲染时的字体大小;

根据所述第二文字大小,进行页面渲染;所述根据所述第二文字大小,进行页面渲染,包括:根据所述第二文字大小,设置待渲染页面的行内样式;基于所述行内样式,进行页面渲染;所述设置待渲染页面的行内样式包括在渲染模版上写入对应的文字大小样式。

6.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现以下步骤:获取进行页面渲染的移动设备的屏幕宽度;

获取所述移动设备的屏幕宽度与预设设计稿的宽度的比值;其中,预设设计稿是用于页面渲染的设计稿;

获取所述预设设计稿的第一文字大小的范围;其中,所述第一文字大小为所述设计稿的字体大小,所述预设设计稿的第一文字大小的范围为12px~44px,且所述第一文字大小为偶数值;

根据所述第一文字大小的范围和所述比值,调整与所述屏幕宽度对应的第二文字大小;所述第二文字大小为在所述屏幕上进行渲染时的字体大小;

根据所述第二文字大小,进行页面渲染;所述根据所述第二文字大小,进行页面渲染,包括:根据所述第二文字大小,设置待渲染页面的行内样式;基于所述行内样式,进行页面渲染;所述设置待渲染页面的行内样式包括在渲染模版上写入对应的文字大小样式。