页面渲染方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN107402757A(43)申请公布日2017.11.28(21)申请号201710562304.0(22)申请日2017.07.11(71)申请人北京潘达互娱科技有限公司地址100041北京市石景山区实兴大街30号院17号楼4层120号(72)发明人康永威张菊元(74)专利代理机构北京太合九思知识产权代理有限公司11610代理人刘戈(51)Int.Cl.G06F9/44(2006.01)G06F17/30(2006.01)权利要求书2页说明书8页附图3页(54)发明名称页面渲染方法及装置(57)摘要本发明实施例提供一种页面渲染方法及装置，该方法包括：根据屏幕宽度以及预设满屏rem值确定转换系数，其中，预设满屏rem值为页面满屏显示时对应的rem值。利用转换系数对待渲染元素的缩放可以使页面在不同宽度的显示设备上都能以相同的显示形式显示。再根据页面的像素值、页面中待渲染元素的第一像素值以及预设满屏rem值确定出待渲染元素对应的rem值。基于上述转换系数以及待渲染元素对应的rem值得到渲染元素在用于显示页面的屏幕中对应的第二像素值，此第二像素值是适应于显示屏幕宽度的。最后，根据此适应于显示屏幕宽度的第二像素值渲染待渲染元素，保证页面在任何尺寸的屏幕中都能以相同的显示形式显示，优化页面显示效果。CN107402757ACN107402757A权利要求书1/2页1.一种页面渲染方法，其特征在于，包括：根据屏幕宽度和预设满屏rem值，确定转换系数，所述满屏rem值是满屏显示时对应的rem值；根据页面的像素值、所述页面中待渲染元素的第一像素值以及所述预设满屏rem值，确定所述待渲染元素对应的rem值；根据所述转换系数和所述待渲染元素对应的rem值，确定所述待渲染元素对应的第二像素值；以所述第二像素值渲染所述待渲染元素。2.根据权利要求1所述的方法，其特征在于，所述根据屏幕宽度和预设满屏rem值，确定转换系数，包括：根据所述屏幕的像素密度比确定所述屏幕的缩放比例；根据所述缩放比例和所述屏幕的分辨率，确定所述缩放屏幕宽度；确定所述转换系数为：所述缩放屏幕宽度/所述预设满屏rem值，其中，所述缩放屏幕宽度＝屏幕宽度/缩放比例。3.根据权利要求1所述的方法，其特征在于，所述根据页面的像素值、所述页面中待渲染元素的第一像素值以及所述预设满屏rem值，确定所述待渲染元素对应的rem值，包括：通过如下公式确定所述待渲染元素对应的rem值：所述页面中待渲染元素的第一像素值/所述页面的像素值＝所述待渲染元素对应的rem值/所述预设满屏rem值。4.根据权利要求1所述的方法，其特征在于，所述根据页面的像素值、所述页面中待渲染元素的第一像素值以及所述预设满屏rem值之前，还包括：识别所述待渲染元素是否为可缩放类型的待渲染元素；若所述待渲染元素为可缩放类型的待渲染元素，则执行所述根据页面的像素值、所述页面中待渲染元素的第一像素值以及所述预设满屏rem值，确定所述待渲染元素对应的rem值的步骤。5.根据权利要求4所述的方法，其特征在于，所述方法还包括：若所述待渲染元素为非缩放类型的待渲染元素，则以所述第一像素值渲染所述待渲染元素。6.一种页面渲染装置，其特征在于，包括：第一确定模块，用于根据屏幕宽度和预设满屏rem值，确定转换系数，所述满屏rem值是满屏显示时对应的rem值；第二确定模块，根据页面的像素值、所述页面中待渲染元素的第一像素值以及所述预设满屏rem值，确定所述待渲染元素对应的rem值；第三确定模块，根据所述转换系数和所述待渲染元素对应的rem值，确定所述待渲染元素对应的第二像素值；渲染模块，用于以所述第二像素值渲染所述待渲染元素。7.根据权利要求6所述的装置，其特征在于，所述第一确定模块具体用于：根据所述屏幕的像素密度比确定所述屏幕的缩放比例；根据所述缩放比例和所述屏幕的分辨率，确定所述缩放屏幕宽度；2CN107402757A权利要求书2/2页确定所述转换系数为：所述缩放屏幕宽度/所述预设满屏rem值，其中，所述缩放屏幕宽度＝屏幕宽度/缩放比例。8.根据权利要求6所述的装置，其特征在于，所述第二确定模块具体用于：通过如下公式确定所述待渲染元素对应的rem值：所述页面中待渲染元素的第一像素值/所述页面的像素值＝所述待渲染元素对应的rem值/所述预设满屏rem值。9.根据权利要求6所述的装置，其特征在于，所述装置还包括：识别模块，用于识别所述待渲染元素是否为可缩放类型的待渲染元素；若所述待渲染元素为可缩放类型的待渲染元素，则所述第二确定模块具体用于，根据页面的像素值、页面中元素类型为可缩放类型的待渲染元素的第一像素值以及所述预设满屏rem值，确定所述元素类型为可缩放类型的待渲染元