图标处理方法、装置、电子设备和存储介质与流程

1.本公开涉及计算机技术领域，尤其涉及云服务、图像技术领域中的图标处理方法、装置、电子设备和存储介质。


背景技术：

2.目前，在实现将可伸缩矢量图像图标(scalable vector graphics，简称为svg)生成状态组件(react组件)时，只能是固定的一种风格，无法兼容面性和线性两种图标风格。


技术实现要素：

3.本公开提供了一种图标处理方法、装置、电子设备和存储介质。
4.根据本公开的一方面，提供了一种图标处理方法。该方法可以包括：获取待处理的目标图标，其中，目标图标的格式为可缩放矢量图形格式；确定目标图标的图标风格；基于图标风格生成配置信息，其中，配置信息用于表征目标图标在图标风格下的属性；基于配置信息将目标图标转换为目标组件。
5.根据本公开的一方面，提供了一种图标处理装置。该装置可以包括：获取单元，用于获取待处理的目标图标，其中，目标图标的格式为可缩放矢量图形格式；确定单元，用于确定目标图标的图标风格；生成单元，用于基于图标风格生成配置信息，其中，配置信息用于表征目标图标在图标风格下的属性；转换单元，用于基于配置信息将目标图标转换为目标组件。
6.根据本公开的一方面，提供了一种电子设备。该电子设备可以包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行本公开实施例的图标处理方法。
7.根据本公开的另一方面，还提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，计算机指令用于使计算机执行本公开实施例的图标处理方法。
8.根据本公开的另一方面，还提供了一种计算机程序产品，可以包括计算机程序，计算机程序在被处理器执行时实现本公开实施例的图标处理方法。
9.应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
10.附图用于更好地理解本方案，不构成对本公开的限定。其中：
11.图1是根据本公开实施例的一种图标处理方法的流程图；
12.图2是根据本公开实施例的一种基于配置信息将目标图标生成配置信息方法的流程图；
13.图3是根据本公开实施例的一种基于配置信息将目标图标转换为目标组件方法的
流程图；
14.图4是根据本公开实施例的一种基于配置信息将目标图标转换为目标字符串方法的流程图；
15.图5是根据本公开实施例的一种替换变量为占位符方法的流程图；
16.图6是根据本公开实施例的一种基于占位符生成目标字符串方法的流程图；
17.图7是根据本公开实施例的一种将目标字符串生成目标组件方法的流程图；
18.图8是根据本公开实施例的一种图标处理装置的示意图；
19.图9是根据本公开实施例的一种图标处理方法的电子设备的框图。
具体实施方式
20.以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
21.图1是根据本公开实施例的一种图标处理方法的流程图，如图1所示，该方法可以包括以下步骤：
22.步骤s102，获取待处理的目标图标，其中，目标图标的格式为可缩放矢量图形格式。
23.在本公开上述步骤s102提供的技术方案中，获取待处理的目标图标，其中，目标图标的格式为可缩放矢量图形格式(svg)。
24.步骤s104，确定目标图标的图标风格。
25.在本公开上述步骤s104提供的技术方案中，确定获取的待处理的目标图标的图标风格，其中，图标风格可以包括：颜色、大小、图标面性或线性等。
26.可选地，获取待处理的目标图标，并对待处理的目标图标进行处理，分离出线性和面性。
27.步骤s106，基于图标风格生成配置信息，其中，配置信息用于表征目标图标在图标风格下的属性。
28.在本公开上述步骤s106提供的技术方案中，对待处理的目标图标进行处理，分离出线性和面性，基于图标风格生成配置信息，其中，配置信息用于表征目标图标在图标风格下的属性，可以包括但不限于是否填充、是否描边、是否反色、是否隐藏等属性。
29.可选地，该实施例基于图标风格，确定对应的配置信息，比如，是否填充、是否描边、是否反色、是否隐藏等。
30.步骤s108，基于配置信息将目标图标转换为目标组件。
31.在本公开上述步骤s108提供的技术方案中，确定目标图标的配置信息，基于配置信息将目标图标转换为目标组件，其中，目标组件可以为可用的react组件。
32.可选地，完成对应的配置信息，将配置信息用占位符进行填充，对占位符进行替换，实现将目标图标转换为目标组件，利用一层模版将编译结果封装起来，得到一个可用的react组件。
33.通过上述步骤s102至步骤s108，获取待处理的目标图标，其中，目标图标的格式为
可缩放矢量图形格式；确定目标图标的图标风格；基于图标风格生成配置信息，其中，配置信息用于表征目标图标在图标风格下的属性；基于配置信息将目标图标转换为目标组件。也就是说，在运行时通过区分目标图标的图标风格(比如，线性、面性)，再基于图标风格生成配置信息，进而基于配置信息将可缩放矢量图形图标转换为可用的react组件，有效减小可缩放矢量图形打包成组件的体积，有效提高运行效率，达到了降低图标处理时的性能消耗的技术效果，解决了图标处理时的性能消耗高的技术问题。
34.下面对该实施例的上述方法进行进一步地详细介绍。
35.作为一种可选的实施例，步骤s106，基于图标风格生成配置信息，包括：获取目标图标的图标内容；基于图标内容确定与图标风格对应的配置信息。
36.图2是根据本公开实施例的一种基于配置信息将目标图标生成配置信息方法的流程图，如图2所示，该方法可以包括以下步骤：
37.步骤s202，获取目标图标的图标内容。
38.在本公开上述步骤s202提供的技术方案中，获取目标图标的图表内容，其中，目标图标可以为svg图标，可缩放矢量图形图标；图标内容可以为轻量级的数据交换格式(javescript object notation，简称为json)的内容。
39.可选地，获取目标图标，将目标图标解析成轻量级的数据交换格式的内容。
40.步骤s204，基于图标内容确定与图标风格对应的配置信息。
41.在本公开上述步骤s204提供的技术方案中，获取目标图标的图标内容，基于图标内容确定与图标风格对应的配置信息。
42.可选地，先将目标图标解析成轻量级的数据交换格式的内容，并且分离出不同图标风格的对应配置信息，比如，分离出线性和面性下，每条路径分别对应的配置信息，比如，面性和线性下是否填充、是否描边、是否反色、是否隐藏。
43.作为一种可选的实施例，步骤s108，基于配置信息将目标图标转换为目标组件，包括：基于配置信息将目标图标转换为目标字符串，其中，目标字符串的格式为可缩放矢量图形格式；将目标字符串生成为目标组件。
44.图3是根据本公开实施例的一种基于配置信息将目标图标转换为目标组件方法的流程图，如图3所示，该方法可以包括以下步骤：
45.步骤s302，基于配置信息将目标图标转换为目标字符串，其中，目标字符串的格式为可缩放矢量图形格式。
46.在本公开上述步骤s302提供的技术方案中，获取目标图标的图标内容，基于图标内容确定与图标风格对应的配置信息，基于配置信息将目标图标转换为目标字符串，其中，目标字符串的格式为可缩放矢量图形格式，可以为svg字符串。
47.可选地，先将目标图标解析成轻量级的数据交换格式的内容，并且分离出不同图标风格的对应配置信息，基于配置信息，将目标图标重新转换为目标字符串。
48.步骤s304，将目标字符串生成为目标组件。
49.在本公开上述步骤s304提供的技术方案中，基于配置信息将目标图标转换为目标字符串，对转换得到的目标字符串进行打包处理，生成为目标组件。
50.可选地，基于图标内容确定与图标风格对应的配置信息，基于得到的配置信息将目标图标转换为目标字符串，将处理好的目标字符串进行打包处理，得到目标组件。
51.作为一种可选的实施例，步骤s302，基于配置信息将目标图标转换为目标字符串，包括：将目标图标的配置信息对应的变量替换为占位符；基于占位符生成目标字符串。
52.图4是根据本公开实施例的一种基于配置信息将目标图标转换为目标字符串方法的流程图，如图4所示，该方法可以包括以下步骤：
53.步骤s402，将目标图标的配置信息对应的变量替换为占位符。
54.在本公开上述步骤s402提供的技术方案中，将目标图标的配置信息对应的变量用占位符的形式，填充到相应的位置上，以实现将目标图标的配置信息对应的变量替换为占位符。
55.步骤s404，基于占位符生成目标字符串。
56.在本公开上述步骤s404提供的技术方案中，将目标图标的配置信息对应的变量替换为占位符，基于占位符生成目标字符串。
57.可选地，将目标图标的配置信息对应的变量用占位符的形式，填充到相应的位置上，比如，将配置信息所表示的属性用占位符填充，将占位符替换成react参数的形式，使用一层模版将编译结果封装起来，得到可用的目标字符串(react组件)。
58.作为一种可选的实施例，步骤s402，将目标图标的配置信息对应的变量替换为占位符，包括：基于配置信息生成数组变量，其中，数组变量用于表示在图标风格下的目标图标的描边属性和填充属性；基于数组变量确定图标风格下的目标颜色；将目标颜色替换为占位符。
59.图5是根据本公开实施例的一种替换变量为占位符方法的流程图，如图5所示，该方法可以包括以下步骤：
60.步骤s502，基于配置信息生成数组变量，其中，数组变量用于表示在图标风格下的目标图标的描边属性和填充属性。
61.在本公开上述步骤s502提供的技术方案中，基于配置信息，生成数组变量，其中，数组变量可以为根据图标风格，生成的一个二维数组。
62.可选地，同一位置不同风格时，颜色内容可能会不相同，所以编译过程中，图标对应颜色的位置可以通过写入一个坐标，来表示在二维数组中的位置。
63.步骤s504，基于数组变量确定图标风格下的目标颜色。
64.在本公开上述步骤s504提供的技术方案中，运行时可以根据数组变量确定对应颜色的位置，以确定图标风格下的目标颜色。
65.可选地，当配置信息为填充反色，描边正常，即f(反色)l，则对应的数组变量可以为[0,1]，确定面性风格的时候，与面性表对照，确定对应位置的目标颜色；确定线性风格的时候，与线性表对照，确定对应位置的目标颜色。
[0066]
步骤s506，将目标颜色替换为占位符。
[0067]
在本公开上述步骤s506提供的技术方案中，通过编译之后，将目标颜色用占位符填充。
[0068]
可选地，同一位置不同风格时，颜色内容可能会不相同。
[0069]
可选地，将目标颜色用占位符填充，从而就可以把占位符替换成目标组件的形式。
[0070]
作为一种可选的实施例，描边属性包括以下至少之一：描边正常的属性、描边反色的属性和描边隐藏的属性；填充属性包括以下至少之一：填充正常的属性、填充反色的属性
和填充隐藏的属性。
[0071]
在该实施例中，描边属性包括以下至少之一：描边正常的属性、描边反色的属性和描边隐藏的属性，可以用l表示描边属性，l(反色)表示描边反色的属性和l(隐藏)描边隐藏的属性；填充属性包括以下至少之一：填充正常的属性、填充反色的属性和填充隐藏的属性，可以用f表示描边属性，f(反色)表示描边反色的属性和f(隐藏)描边隐藏的属性。
[0072]
作为一种可选的实施例，在图标风格为面性风格的情况下，不同的填充属性对应不同的目标颜色；在图标风格为线性风格的情况下，不同的描边属性对应不同的目标颜色。
[0073]
在该实施例中，在图标风格为面性风格的情况下，不同的填充属性对应不同的目标颜色，比如，图标风格为面性风格的时候，颜色依靠填充属性决定，可以用不同数字表示不同的目标颜色。
[0074]
可选地，在图标风格为线性风格的情况下，不同的描边属性对应不同的目标颜色，比如，图标风格为线性风格的时候，颜色依靠描边属性决定。
[0075]
作为一种可选的实施例，步骤s404，基于占位符生成目标字符串，包括：将占位符替换为待生成的目标组件的组件参数；将组件参数生成为目标字符串。
[0076]
图6是根据本公开实施例的一种基于占位符生成目标字符串方法的流程图，如图6所示，该方法可以包括以下步骤：
[0077]
步骤s602，将占位符替换为待生成的目标组件的组件参数。
[0078]
在本公开上述步骤s602提供的技术方案中，基于配置信息生成数组变量，基于数组变量确定图标风格下的目标颜色；将目标颜色用占位符填充，将填充的占位符替换成目标组件的组件参数的形式。
[0079]
步骤s604，将组件参数生成为目标字符串。
[0080]
在本公开上述步骤s604提供的技术方案中，将目标属性用占位符填充，将填充的占位符替换成目标组件的组件参数的形式，将组件参数生成为目标字符串，以达到得到目标字符串的目的。
[0081]
作为一种可选的实施例，步骤s304，将目标字符串生成为目标组件，包括：基于预定模板将目标字符串生成为目标组件。
[0082]
图7是根据本公开实施例的一种将目标字符串生成目标组件方法的流程图，如图7所示，该方法可以包括以下步骤：
[0083]
步骤s702，基于预定模板将目标字符串生成为目标组件。
[0084]
在本公开上述步骤s702提供的技术方案中，使用预定模版将目标组件的目标字符串进行包装，得到一个可用的目标组件，其中，预定模版可以为提前根据系统设计的模版。
[0085]
在本公开实施例中，获取待处理的目标图标，其中，目标图标的格式为可缩放矢量图形格式；确定目标图标的图标风格；基于图标风格生成配置信息，其中，配置信息用于表征目标图标在图标风格下的属性；基于配置信息将目标图标转换为目标组件。也就是说，本公开在运行时通过区分目标图标的图标风格(比如，线性、面性)，再基于图标风格生成配置信息，进而基于配置信息将可缩放矢量图形图标转换为可用的react组件，有效减小可缩放矢量图形打包成组件的体积，有效提高运行效率，达到了降低图标处理时的性能消耗的技术效果，解决了图标处理时的性能消耗高的技术问题。
[0086]
下面结合优选的实施例对本公开实施例的上述技术方案进行进一步地举例介绍。
[0087]
将可伸缩矢量图像图标生成状态组件时是一种把静态可伸缩矢量图像图标通过解析、重构、加壳等过程，转化为一个可以动态传入变量的状态组件的过程。
[0088]
在相关技术中，将可伸缩矢量图像转化为一种轻量级的数据交换格式之后，只取其路径信息，使用组件包裹之后，在其内部循环路径信息，以达到渲染可伸缩矢量图像整体的目的。
[0089]
上述方案采用循环绘制的方法，存在无法兼容面性和线性两种图标风格的问题，只能是固定的一种风格，如果想达到同时支持，必须渲染两套内容，这会使得打包后体积增大，而且循环渲染的操作需要在运行时实现，所以会更加的耗费性能。
[0090]
针对上述问题，本公开在打包的时候兼顾面性和线性，使用一套内容、一套变量，运行时只需要通过区分传入不同的风格(线性、面性)，生产不同的配置即可，这样做大大的减少了打包后的体积，也可以最大限度的减少运行时的性能消耗，可以根据不同参数内容，可以展现不同风格，如颜色、大小、图标面性或线性等，大大提高图标的复用率，提高开发效率。
[0091]
下面对本公开实施例技术方案进行进一步地介绍。
[0092]
将可伸缩矢量图像图标解析成轻量级的数据交换格式的内容，并且分离出线性和面性的图标信息，每条路径分别对应不同的配置信息，比如，可以为是否填充、是否描边、是否反色、是否隐藏等；在获取到上述图标信息之后，将图标重新转化为可伸缩矢量图像字符串，并且在转化的过程中，通过递归循环，将各个变量通过占位符的形式，填充到相应的位置上；在结束上述编译过程之后，可以将占位符替换成状态变量参数的形式；最后通过使用一层模版将整理好的状态变量参数的结果包裹起来，就可以将处理好的可伸缩矢量图像字符串包装成为一个可用的状态组件，运行时只需要根据图标风格，生成上述对应的一个二维数组即可。
[0093]
可选地，本公开对于颜色的填充比较特殊，因为当颜色涉及到不同的图标风格时，比如线性、面性风格时，同一位置的颜色内容可能需要时反色(反色是与原色叠加可以变为白色的颜色)或者需要隐藏，而且需要兼顾线性和面性两种情况，如下表格：
[0094]
表1是根据本公开实施例的一种面性参数设置表，其中，f表示填充属性，l表示描边属性，#000表示传入的图标的颜色，#fff表示反色，其中，#000表示黑色，#fff表示为白色，需要说明的是，#000和#fff此处仅做举例说明，可以根据实际需求进行修改。
[0095]
表1是根据本公开实施例的一种面性参数设置表
[0096] ff(反色)f(隐藏)l#000#fffnonel(反色)#000#fffnonel(隐藏)#000#fffnone
[0097]
可选地，如面性参数设置表，l表示描边的时候正常显示，也就是现实传入的颜色，此处即#000；l(反色)表示描边的时候需要反色处理，和传入的颜色(#000黑色)相反的颜色(#fff白色)以保证图标正常显示，l(隐藏)表示描边的时候这部分需要隐藏不显示。
[0098]
表格中，f表示填充的时候正常显示，也就是现实传入的颜色，此处即#000；f(反色)表示填充的时候需要反色处理，和传入的颜色(#000黑色)相反的颜色(#fff白色)以保证图标正常显示，f(隐藏)表示填充的时候这部分需要隐藏不显示。
[0099]
可选地，面性的时候，颜色依靠填充属性决定，正常填充(f)的时候，颜色就是正常传入；反色的时候，使用相反的颜色(可自定义的，此处使用白色代表)；隐藏的时候使用none，代表不显示。
[0100]
可选地，线性的时候，颜色依靠描边属性决定，和面性相同。
[0101]
表2是根据本公开实施例的一种线性参数设置表
[0102] ff(反色)f(隐藏)l#000#000#000l(反色)#fff#fff#fffl(隐藏)nonenonenone
[0103]
表2是根据本公开实施例的一种线性参数设置表，如上表可以知道，同一内容在线性和面性的时候，在不同属性下对应颜色是不相同的，无法使用一个固定的变量来标识。所以使用一个二维数组来直接对应上面表格。
[0104]
表3是根据本公开实施例的一种二维数组参数设置表
[0105] ff(反色)f(隐藏)l[0,0][0,1][0,2]l(反色)[1,0][1,1][1,2]l(隐藏)[2,0][2,1][2,2]
[0106]
表3是根据本公开实施例的一种二维数组参数设置表格，如表2所示，当填充反色，描边正常，即f(反色)l，则对应二维数组表中的[0,1]，其中，[0,1]表示第零行第一列，面性的时候对照第一张表，对应位置为#fff，线性的时候对照第二张表，得到颜色#000。
[0107]
可选地，运行时可以根据是线性还是面性来动态填入对应的颜色，面性则对应表一，可以得到颜色是#fff，线性对应表二，得到颜色#000。
[0108]
可选地，当填充正常描边隐藏，即fl(隐藏)，则对应[2,0]，面性颜色#000，线性颜色none。
[0109]
因此，同一位置不同风格时，颜色内容可能会不相同，所以编译过程中，可伸缩矢量图像对应颜色的位置我们只需要写入一个坐标，来表示在二维数组中的位置即可。
[0110]
本公开通过分离出线性和面性，和每条路径分别对应的配置信息，将图标重新转化为可伸缩矢量图像字符串。并且在转化的过程中，将各个变量填充至对应的占位符的位置上，从而将占位符替换成状态参数的形式，通过使用一层模版将编译结果包裹起来，得到一个可用的状态组件，进而实现了有效减小svg打包成组件的体积，有效提高运行效率的技术效果，解决了svg打包成组件的体积大导致运行效率低的技术问题。
[0111]
本公开实施例还提供了一种用于执行图1所示实施例的图标处理方法的图标处理装置。
[0112]
图8是根据本公开实施例的一种图标处理装置的示意图。如图8所示，该图标处理装置80可以包括：获取单元81、确定单元82、生成模块83和转换模块84。
[0113]
获取单元81，用于获取待处理的目标图标，其中，目标图标的格式为可缩放矢量图形格式；
[0114]
确定单元82，用于确定目标图标的图标风格；
[0115]
生成单元83，用于基于图标风格生成配置信息，其中，配置信息用于表征目标图标
在图标风格下的属性；
[0116]
转换单元84，用于基于配置信息将目标图标转换为目标组件。
[0117]
可选地，生成单元83包括：获取模块，用于获取目标图标的图标内容；确定模块，用于基于图标内容确定与图标风格对应的配置信息。
[0118]
可选地，转换单元84包括：转换模块，用于基于配置信息将目标图标转换为目标字符串，其中，目标字符串的格式为可缩放矢量图形格式；生成模块，用于将目标字符串生成为目标组件。
[0119]
可选地，转换模块包括：替换子模块，用于将目标图标的与配置信息对应的变量替换为占位符；生成子单元，用于基于占位符生成目标字符串。
[0120]
可选地，替换子单元通过以下步骤将目标图标的与配置信息对应的变量替换为占位符，包括：基于配置信息生成数组变量，其中，数组变量用于表示在图标风格下的目标图标的描边属性和填充属性；基于数组变量确定图标风格下的目标颜色；将目标颜色替换为占位符。
[0121]
可选地，该装置包括：所述描边属性包括以下至少之一：描边正常的属性、描边反色的属性和描边隐藏的属性；所述填充属性包括以下至少之一：填充正常的属性、填充反色的属性和填充隐藏的属性。
[0122]
可选地，该装置包括：在所述图标风格为面性风格的情况下，不同的所述填充属性对应不同的所述目标颜色；在所述图标风格为线性风格的情况下，不同的所述描边属性对应不同的所述目标颜色。
[0123]
可选地，生成子单元通过以下步骤基于所述占位符生成所述目标字符串，包括：将所述占位符替换为待生成的所述目标组件的组件参数；将所述组件参数生成为所述目标字符串。
[0124]
可选地，生成子单元通过以下步骤所述目标字符串生成为所述目标组件，包括：基于预定模板将所述目标字符串生成为所述目标组件。
[0125]
在该实施例的图标处理装置中，通过获取单元，获取待处理的目标图标，其中，目标图标的格式为可缩放矢量图形格式；通过确定单元，确定目标图标的图标风格；通过生成单元，基于图标风格生成配置信息，其中，配置信息用于表征目标图标在图标风格下的属性；通过转换单元，基于配置信息将目标图标转换为目标组件，有效提高运行效率，从而达到了降低图标处理时的性能消耗的技术效果，解决了图标处理时的性能消耗大的技术问题。
[0126]
本公开的技术方案中，所涉及的用户个人信息的获取，存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。
[0127]
根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
[0128]
本公开的实施例提供了一种电子设备，该电子设备可以包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行本公开实施例的处理深度学习模型数据的方法。
[0129]
可选地，上述电子设备还可以包括传输设备以及输入输出设备，其中，该传输设备
和上述处理器连接，该输入输出设备和上述处理器连接。
[0130]
根据本公开的实施例，本公开还提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，计算机指令用于使计算机执行本公开实施例的图标处理的方法。
[0131]
可选地，在本实施例中，上述非易失性存储介质可以被设置为存储用于执行以下步骤的计算机程序：
[0132]
s1，获取待处理的目标图标，其中，目标图标的格式为可缩放矢量图形格式；
[0133]
s2，确定目标图标的图标风格；
[0134]
s3，基于图标风格生成配置信息，其中，配置信息用于表征目标图标在图标风格下的属性；
[0135]
s4，基于配置信息将目标图标转换为目标组件。
[0136]
可选地，在本实施例中，上述非瞬时计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
[0137]
根据本公开的实施例，本公开还提供了一种计算机程序产品，包括计算机程序，该计算机程序在被处理器执行时实现以下步骤：
[0138]
s1，获取待处理的目标图标，其中，目标图标的格式为可缩放矢量图形格式；
[0139]
s2，确定目标图标的图标风格；
[0140]
s3，基于图标风格生成配置信息，其中，配置信息用于表征目标图标在图标风格下的属性；
[0141]
s4，基于配置信息将目标图标转换为目标组件。
[0142]
图9是根据本公开实施例的一种图标处理方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。
[0143]
如图9所示，设备900包括计算单元901，其可以根据存储在只读存储器(rom)902中的计算机程序或者从存储单元908加载到随机访问存储器(ram)903中的计算机程序，来执行各种适当的动作和处理。在ram 903中，还可存储设备900操作所需的各种程序和数据。计算单元901、rom 902以及ram 903通过总线904彼此相连。输入/输出(i/o)接口905也连接至总线904。
[0144]
设备900中的多个部件连接至i/o接口905，包括：输入单元906，例如键盘、鼠标等；输出单元907，例如各种类型的显示器、扬声器等；存储单元908，例如磁盘、光盘等；以及通信单元909，例如网卡、调制解调器、无线通信收发机等。通信单元909允许设备900通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
[0145]
计算单元901可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单
元901的一些示例包括但不限于中央处理单元(cpu)、图形处理单元(gpu)、各种专用的人工智能(ai)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(dsp)、以及任何适当的处理器、控制器、微控制器等。计算单元901执行上文所描述的各个方法和处理，例如方法数据处理方法。例如，在一些实施例中，方法数据处理方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元908。在一些实施例中，计算机程序的部分或者全部可以经由rom 902和/或通信单元909而被载入和/或安装到设备900上。当计算机程序加载到ram 903并由计算单元901执行时，可以执行上文描述的数据处理方法的一个或多个步骤。备选地，在其他实施例中，计算单元901可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行数据处理方法。
[0146]
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、芯片上系统的系统(soc)、复杂可编程逻辑设备(cpld)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
[0147]
用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
[0148]
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
[0149]
为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，crt(阴极射线管)或者lcd(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
[0150]
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界
面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(lan)、广域网(wan)和互联网。
[0151]
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。
[0152]
应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。
[0153]
上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。

技术特征：
1.一种图标处理方法，包括：获取待处理的目标图标，其中，所述目标图标的格式为可缩放矢量图形格式；确定所述目标图标的图标风格；基于所述图标风格生成配置信息，其中，所述配置信息用于表征所述目标图标在所述图标风格下的属性；基于所述配置信息将所述目标图标转换为目标组件。2.根据权利要求1所述的方法，其中，基于所述图标风格生成配置信息，包括：获取所述目标图标的图标内容；基于所述图标内容确定与所述图标风格对应的所述配置信息。3.根据权利要求1所述的方法，其中，基于所述配置信息将所述目标图标转换为目标组件，包括：基于所述配置信息将所述目标图标转换为目标字符串，其中，所述目标字符串的格式为所述可缩放矢量图形格式；将所述目标字符串生成为所述目标组件。4.根据权利要求3所述的方法，其中，基于所述配置信息将所述目标图标转换为目标字符串，包括：将所述目标图标的与所述配置信息对应的变量替换为占位符；基于所述占位符生成所述目标字符串。5.根据权利要求4所述的方法，其中，将所述目标图标的与所述配置信息对应的变量替换为占位符，包括：基于所述配置信息生成数组变量，其中，所述数组变量用于表示在所述图标风格下的所述目标图标的描边属性和填充属性；基于所述数组变量确定所述图标风格下的目标颜色；将所述目标颜色替换为所述占位符。6.根据权利要求5所述的方法，其中，所述描边属性包括以下至少之一：描边正常的属性、描边反色的属性和描边隐藏的属性；所述填充属性包括以下至少之一：填充正常的属性、填充反色的属性和填充隐藏的属性。7.根据权利要求5所述的方法，其中，在所述图标风格为面性风格的情况下，不同的所述填充属性对应不同的所述目标颜色；在所述图标风格为线性风格的情况下，不同的所述描边属性对应不同的所述目标颜色。8.根据权利要求4所述的方法，其中，基于所述占位符生成所述目标字符串，包括：将所述占位符替换为待生成的所述目标组件的组件参数；将所述组件参数生成为所述目标字符串。9.根据权利要求3所述的方法，其中，将所述目标字符串生成为所述目标组件，包括：基于预定模板将所述目标字符串生成为所述目标组件。10.一种图标处理装置，包括：获取单元，用于获取待处理的目标图标，其中，所述目标图标的格式为可缩放矢量图形格式；确定单元，用于确定所述目标图标的图标风格；
生成单元，用于基于所述图标风格生成配置信息，其中，所述配置信息用于表征所述目标图标在所述图标风格下的属性；转换单元，用于基于所述配置信息将所述目标图标转换为目标组件。11.根据权利要求10所述的装置，其中，所述生成单元包括：获取模块，用于获取所述目标图标的图标内容；确定模块，用于基于所述图标内容确定与所述图标风格对应的所述配置信息。12.根据权利要求10所述的装置，其中，所述转换单元包括：转换模块，用于基于所述配置信息将所述目标图标转换为目标字符串，其中，所述目标字符串的格式为所述可缩放矢量图形格式；生成模块，用于将所述目标字符串生成为所述目标组件。13.根据权利要求12所述的装置，其中，所述转换模块包括：替换子单元，用于将所述目标图标的与所述配置信息对应的变量替换为占位符；生成子单元，用于基于所述占位符生成所述目标字符串。14.根据权利要求13所述的装置，其中，所述替换子单元通过以下步骤将所述目标图标的与所述配置信息对应的变量替换为占位符，包括：基于所述配置信息生成数组变量，其中，所述数组变量用于表示在所述图标风格下的所述目标图标的描边属性和填充属性；基于所述数组变量确定所述图标风格下的目标颜色；将所述目标颜色替换为所述占位符。15.根据权利要求14所述的装置，其中，所述描边属性包括以下至少之一：描边正常的属性、描边反色的属性和描边隐藏的属性；所述填充属性包括以下至少之一：填充正常的属性、填充反色的属性和填充隐藏的属性。16.根据权利要求14所述的装置，其中，在所述图标风格为面性风格的情况下，不同的所述填充属性对应不同的所述目标颜色；在所述图标风格为线性风格的情况下，不同的所述描边属性对应不同的所述目标颜色。17.根据权利要求13所述的装置，其中，所述生成子单元通过以下步骤基于所述占位符生成所述目标字符串，包括：将所述占位符替换为待生成的所述目标组件的组件参数；将所述组件参数生成为所述目标字符串。18.根据权利要求12所述的装置，其中，所述生成子单元通过以下步骤所述目标字符串生成为所述目标组件，包括：基于预定模板将所述目标字符串生成为所述目标组件。19.一种电子设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-9中任一项所述的方法。20.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据权利要求1-9中任一项所述的方法。
21.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-9中任一项所述的方法。

技术总结
本公开提供了一种图标处理方法、装置、电子设备和存储介质，涉及计算机领域，尤其涉及云服务、图像技术领域。具体实现方案为：获取待处理的目标图标，其中，目标图标的格式为可缩放矢量图形格式；确定目标图标的图标风格；基于图标风格生成配置信息，其中，配置信息用于表征目标图标在图标风格下的属性；基于配置信息将目标图标转换为目标组件。息将目标图标转换为目标组件。息将目标图标转换为目标组件。


技术研发人员：刘泽东
受保护的技术使用者：北京百度网讯科技有限公司
技术研发日：2022.02.17
技术公布日：2022/5/25