网页图标的加载方法及装置、计算机存储介质、电子设备.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN115270024A(43)申请公布日2022.11.01(21)申请号202210873489.8(22)申请日2022.07.21(71)申请人网易（杭州）网络有限公司地址310052浙江省杭州市滨江区网商路599号网易大厦(72)发明人杨泽伟(74)专利代理机构北京律智知识产权代理有限公司11438专利代理师王辉(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)G06T3/40(2006.01)G06T7/90(2017.01)权利要求书3页说明书14页附图5页(54)发明名称网页图标的加载方法及装置、计算机存储介质、电子设备(57)摘要本公开涉及计算机技术领域，提供了一种网页图标的加载方法、网页图标的加载装置、计算机存储介质、电子设备，其中，网页图标的加载方法包括：根据获取到的多个网页图标的描述代码，确定每个所述网页图标的类型；所述网页图标的类型包括单色图标和多色图标；当所述网页图标为单色图标时，利用第一渲染规则生成所述单色图标的渲染样式；当所述网页图标为多色图标时，利用第二渲染规则生成所述多色图标的渲染样式；所述第二渲染规则不同于所述第一渲染规则；根据所述多个网页图标的渲染样式生成样式文件，以根据所述样式文件加载每个所述网页图标。本公开中的网页图标的加载方法能够快速加载大批量图标。CN115270024ACN115270024A权利要求书1/3页1.一种网页图标的加载方法，其特征在于，包括：根据获取到的多个网页图标的描述代码，确定每个所述网页图标的类型；所述网页图标的类型包括单色图标和多色图标；当所述网页图标为单色图标时，利用第一渲染规则生成所述单色图标的渲染样式；当所述网页图标为多色图标时，利用第二渲染规则生成所述多色图标的渲染样式；所述第二渲染规则不同于所述第一渲染规则；根据所述多个网页图标的渲染样式生成样式文件，以根据所述样式文件加载每个所述网页图标。2.根据权利要求1所述的方法，其特征在于，在根据获取到的多个网页图标的描述代码，确定每个所述网页图标的类型之前，所述方法还包括：对所述多个网页图标中的单色图标进行去色处理；将每个所述网页图标调整为目标尺寸；将每个所述目标尺寸的网页图标转换为SVG格式文件，并将所述SVG格式文件存储至预先创建的目标文件夹中。3.根据权利要求2所述的方法，其特征在于，所述多个网页图标的描述代码通过以下方式获取：对所述目标文件夹中存储的多个SVG格式文件进行解析，以获取到所述多个网页图标的描述代码。4.根据权利要求2所述的方法，其特征在于，所述根据获取到的多个网页图标的描述代码，确定每个所述网页图标的类型，包括：利用正则表达式从所述描述代码中匹配所述网页图标的颜色信息；根据所述网页图标的颜色信息，确定所述网页图标的类型。5.根据权利要求1所述的方法，其特征在于，所述网页图标的颜色信息包括所述网页图标的多个像素点所对应的多个颜色值；所述根据所述颜色信息，确定所述网页图标的类型，包括：从所述多个颜色值中选取参考颜色值，比对剩余颜色值是否与所述参考颜色值相同；所述剩余颜色值为所述多个颜色值中除所述参考颜色值之外的颜色值；若所述剩余颜色值与所述参考颜色值相同，确定所述网页图标为单色图标；若所述剩余颜色值与所述参考颜色值不相同，确定所述网页图标为多色图标。6.根据权利要求1所述的方法，其特征在于，在获取到多个网页图标的描述代码之后，所述方法还包括：对每个网页图标对应的描述代码进行压缩处理；对压缩处理后的描述代码进行Base64编码，得到Base64文件。7.根据权利要求1至6任意一项所述的方法，其特征在于，所述利用第一渲染规则生成所述单色图标的渲染样式，包括：将所述单色图标的背景颜色设置为父标签的文本颜色；所述父标签为所述单色图标所对应标签的上一级标签；根据所述单色图标对应的Base64文件，生成所述单色图标的遮罩图片；将所述遮罩图片的显示属性设置为不重复；2CN115270024A权利要求书2/3页将所述遮罩图片的位置属性设置为居中；将所述遮罩图片的尺寸属性设置为根据所述父标签的尺寸进行缩放。8.根据权利要求1至6任意一项所述的方法，其特征在于，所述利用第二渲染规则生成所述多色图标的渲染样式，包括：根据所述多色图标对应的Base64文件，生成背景图片；将所述多色图标的背景颜色设置为透明色；将所述多色图标的显示属性设置为不重复；将所述多色图标的位置属性设置为居中；将所述多色图标的尺寸属性设置为跟随父标签进行缩放；所述父标签为所述多色图标所对应标签的上一级标签。9.根据权利要求1所述的方法，其特征在于，所述根据所述多个网页图标的渲染样式生成样式文件，包括：对每个所述网页图标的渲染样式进行