CN111638878B - 图标的样式风格处理的方法以及装置 - Google Patents

Abstract

本申请提供了一种图标的样式风格处理的方法和装置。该方法将获取的N个图标中的每个图标的组成元素转化为路径，标记每个图标中的路径的属性，并根据路径的属性对应的目标参数，对N个图标进行相应的样式风格处理。其中，路径的属性包括主路径、内辅助路径和/或外辅助路径；目标参数包括描边参数、填充色和/或圆角半径。通过该方法可以批量地对N个图标的每种属性的路径进行相应的样式风格进行处理，从而提高图标样式风格处理的效率。

Description

图标的样式风格处理的方法以及装置

技术领域

本申请涉及图标处理领域，并且更具体地，涉及一种图标的样式风格处理的方法以及 装置。

背景技术

随着电子设备的普及，电子设备的显示界面上显示的图标是整个显示界面设计中最重 要的元素之一。

在现有技术中，对图标样式风格的处理，只能一次性对所有的路径(path)进行处理， 或者只能对单一路径单独处理。因此，在图标样式风格处理时效率低、灵活性较差。

发明内容

本申请提供一种图标的样式风格处理的方法以及装置，该方法可以批量地对N个图标 的每种属性的路径进行相应的样式风格进行处理，从而提高图标样式风格处理的效率。

第一方面，提供了一种图标的样式风格处理的方法，包括：获取N个图标，N是大于1的整数；将每个图标的组成元素转化为路径；标记每个图标的所有路径的属性，其中， 所述路径的属性包括主路径和内辅助路径，或者，所述路径的属性包括所述主路径和外辅 助路径，或者，所述路径的属性包括所述主路径、所述内辅助路径和所述外辅助路径，所 述内辅助路径在所述主路径的内部，所述外辅助路径在所述主路径的外部；获取与所述路 径的属性对应的目标参数，所述目标参数包括描边参数、填充色和/或圆角半径；根据所 述路径的属性对应的目标参数，对所述N个图标中每种属性的路径进行样式风格处理。

将获取的N个图标中的每个图标的组成元素转化为路径，并标记每个图标中的路径的 属性，并根据路径的属性对应的目标参数，对N个图标进行相应的样式风格处理。从而可 以批量地对N个图标的每种属性的路径进行相应的样式风格进行处理，提高图标样式风格 处理的效率。

结合第一方面，在一种可能的实现方式中，所述主路径是所有路径中长度最长的路径。

结合第一方面，在一种可能的实现方式中，所述目标参数包括描边参数，根据所述路 径的属性对应的目标参数，对所述N个图标中每种属性的路径进行样式风格处理包括：根 据所述主路径对应的描边参数，对所述N个图标的主路径进行描边；和/或，根据所述内辅助路径对应的描边参数，对所述N个图标的内辅助路径进行描边；和/或，根据所述外 辅助路径对应的描边参数，对所述N个图标的外辅助路径进行描边；和/或，根据所述相 交路径对应的描边参数，对所述N个图标的相交路径进行描边。

可选地，所述描边参数包括描边色和/或描边粗细。描边色可以理解为是描边颜色。

结合第一方面，在一种可能的实现方式中，所述路径的属性还包括相交路径，所述相 交路径是一条路径与另一条路径至少有一个公共点的路径；所述根据所述路径的属性对应 的目标参数，对所述N个图标中每种属性的路径进行样式风格处理还包括：根据所述相交 路径对应的描边参数，对所述N个图标的相交路径进行描边。

根据不同属性的路径对应的描边参数，对N个图标中的每个图标的不同属性的路径进 行描边，从而可以批量地对N个图标中每种属性路径进行相应的描边风格处理，提高图标 样式风格处理的效率。

结合第一方面，在一种可能的实现方式中，所述根据所述路径的属性对应的目标参数， 对所述N个图标中每种属性的路径进行样式风格处理还包括：对所述每个图标中路径形成 的区域的面积与路径的描边的比例小于预设值的闭合区域进行填充。

结合第一方面，在一种可能的实现方式中，所述路径的属性还包括闭合路径和开放路 径，所述闭合路径是所述路径的起点和所述路径的终点重合，所述开放路径是所述路径的 起点和所述路径的终点不重合；所述目标参数还包括填充色，所述所述根据所述路径的属 性对应的目标参数，对所述N个图标中每种属性的路径进行样式风格处理包括：判断所述 N个图标的主路径是否是闭合路径，在所述主路径是闭合路径的情况下，根据所述主路径 对应的填充色，对所述主路径形成的区域进行填充；在所述主路径是开放路径的情况下， 根据所述主路径对应的填充色，对所述主路径进行描边。

可选地，上述填充包括纯色填充、渐变色填充或图案填充。

在纯色填充中，填充色指的是纯色填充的颜色。在渐变色填充中，填充色指的是渐变 填充的颜色。在图案填充中，填充色指的是图案填充的颜色。

对N个图标中的主路径是闭合路径的图标，采用主路径对应的填充色对主路径形成的 区域进行填充；对N个图标中的主路径是开放路径的图标，采用主路径对应的填充色对主 路径进行描边，从而可以批量地对N个图标的主路径进行填充风格处理，从而提高图标样 式风格处理的效率。

结合第一方面，在一种可能的实现方式中，所述所述根据所述路径的属性对应的目标 参数，对所述N个图标中每种属性的路径进行样式风格处理还包括：判断所述N个图标的外辅助路径是否是闭合路径；在所述外辅助路径是闭合路径的情况下，根据所述外辅助路径对应的填充色，对所述外辅助路径形成的区域进行填充；在所述外辅助路径是开放路径的情况下，根据所述外辅助路径对应的填充色，对所述外辅助路径进行描边。

对N个图标中的外辅助路径是闭合路径的图标，采用外辅助路径对应的填充色对外辅 助路径形成的区域进行填充；对N个图标中的外辅助路径是开放路径的图标，采用外辅助 路径对应的填充色对外辅助路径进行描边，从而可以批量地对N个图标的外辅助路径进行 填充风格处理，从而提高图标样式风格处理的效率。

结合第一方面，在一种可能的实现方式中，所述所述根据所述路径的属性对应的目标 参数，对所述N个图标中每种属性的路径进行样式风格处理还包括：判断所述N个图标的内辅助路径是否是闭合路径；在所述内辅助路径是闭合路径的情况下，确定第一主内交集区域，所述第一主内交集区域是所述主路径形成的区域中所述主路径形成的区域和所述内辅助路径形成的区域的重合的区域；将所述主内交集区域设置为透明区域；根据所述内辅助路径对应的填充色，对所述主内交集区域进行填充；在所述内辅助路径是开放路径的情况下，对所述内辅助路径进行轮廓化描边，以得到闭合的内辅助路径；确定第二主内交集区域，所述第二主内交集区域是所述主路径形成的区域中所述主路径形成的区域和所述闭合的内辅助路径形成的区域的重合的区域；将所述第二主内交集区域设置为透明区域；根据所述内辅助路径对应的填充色，对所述第二主内交集区域进行填充。

对N个图标中的内辅助路径是闭合路径的图标，将主路径形成的区域和内辅助路径形 成的区域的交集区域设置为透明区域，并采用内辅助路径对应的填充色对内辅助路径形成 的区域进行填充；对N个图标中的内辅助路径是开放路径的图标，先将内辅助路径进行轮 廓化描边得到闭合的内辅助路径，再将主路径形成的区域和轮廓化描边后的内辅助路径形 成的区域的交集区域设置为透明区域，并采用内辅助路径对应的填充色对内辅助路径进行 描边，从而可以批量地对N个图标的内辅助路径进行填充风格处理，从而提高图标样式风 格处理的效率。

结合第一方面，在一种可能的实现方式中，所述目标参数还包括圆角半径，所述所述 根据所述路径的属性对应的目标参数，对所述N个图标中每种属性的路径进行样式风格处 理包括：根据所述主路径对应的圆角半径，对所述N个图标的主路径进行圆角处理；和/或，根据所述内辅助路径对应的圆角半径，对所述N个图标的内辅助路径进行圆角处理；和/或，根据所述外辅助路径对应的圆角半径，对所述N个图标的外辅助路径进行圆角处理。

根据不同属性的路径对应的圆角半径，对N个图标中的每个图标的不同属性的路径进 行圆角处理，从而可以批量地对N个图标进行圆角风格处理，从而提高图标样式风格处理 的效率。

结合第一方面，在一种可能的实现方式中，所述图标是可缩放的矢量图形SVG格式的图标或流式网络图像PNG格式的图标。

第二方面，提供了一种图标的样式风格处理的装置，包括：获取单元，用于获取N个图标，N是大于1的整数；转化单元，用于将每个图标的组成元素转化为路径；标记单元， 用于标记每个图标的所有路径的属性，其中，所述路径的属性包括主路径和内辅助路径， 或者，所述路径的属性包括所述主路径和外辅助路径，或者，所述路径的属性包括所述主 路径、所述内辅助路径和所述外辅助路径，所述内辅助路径在所述主路径的内部，所述外 辅助路径在所述主路径的外部；所述获取单元，还用于获取与所述路径的属性对应的目标 参数，所述目标参数包括描边参数、填充色和/或圆角半径；处理单元，用于根据所述路 径的属性对应的目标参数，对所述N个图标中每种属性的路径进行样式风格处理。

结合第二方面，在一种可能的实现方式中，所述主路径是所有路径中长度最长的路径。

结合第二方面，在一种可能的实现方式中，所述目标参数包括描边参数，所述处理单 元还具体用于：根据所述主路径对应的描边参数，对所述N个图标的主路径进行描边；和/或，根据所述内辅助路径对应的描边参数，对所述N个图标的内辅助路径进行描边；和/或，根据所述外辅助路径对应的描边参数，对所述N个图标的外辅助路径进行描边。

结合第二方面，在一种可能的实现方式中，所述路径的属性还包括相交路径，所述相 交路径是一条路径与另一条路径至少有一个公共点的路径，所述处理单元还具体用于：根 据所述相交路径对应的描边参数，对所述N个图标的相交路径进行描边。

结合第二方面，在一种可能的实现方式中，所述路径的属性还包括闭合路径和开放路 径，所述闭合路径是所述路径的起点和所述路径的终点重合，所述开放路径是所述路径的 起点和所述路径的终点不重合；所述目标参数还包括填充色，所述处理单元还具体用于： 判断所述N个图标的主路径是否是闭合路径；在所述主路径是闭合路径的情况下，根据所 述主路径对应的填充色，对所述主路径形成的区域进行填充；在所述主路径是开放路径的 情况下，根据所述主路径对应的填充色，对所述主路径进行描边。

结合第二方面，在一种可能的实现方式中，所述处理单元还具体用于：判断所述N个 图标的外辅助路径是否是闭合路径；在所述外辅助路径是闭合路径的情况下，根据所述外 辅助路径对应的填充色，对所述外辅助路径形成的区域进行填充；在所述外辅助路径是开 放路径的情况下，根据所述外辅助路径对应的填充色，对所述外辅助路径进行描边。

结合第二方面，在一种可能的实现方式中，所述处理单元还具体用于：判断所述N个 图标的内辅助路径是都是否是闭合路；在所述内辅助路径是闭合路径的情况下，确定第一 主内交集区域，所述第一主内交集区域是所述主路径形成的区域中所述主路径形成的区域 中所述主路径形成的区域和所述内辅助路径形成的区域的重合的区域；将所述主内交集区 域设置为透明区域；根据所述内辅助路径对应的填充色，对所述主内交集区域进行填充； 在所述内辅助路径是开放路径的情况下，对所述内辅助路径进行轮廓化描边，以得到闭合 的内辅助路径；确定第二主内交集区域，所述第二主内交集区域是所述主路径形成的区域 中所述主路径形成的区域中所述主路径形成的区域和所述闭合的内辅助路径形成的区域 的重合的区域；将所述第二主内交集区域设置为透明区域；根据所述内辅助路径对应的填 充色，对所述第二主内交集区域进行填充。

结合第二方面，在一种可能的实现方式中，所述目标参数还包括圆角半径，所述处理 单元还具体用于：根据所述主路径对应的圆角半径，对所述N个图标的主路径进行圆角处 理；和/或，根据所述内辅助路径对应的圆角半径，对所述N个图标的内辅助路径进行圆角处理；和/或，根据所述外辅助路径对应的圆角半径，对所述N个图标的外辅助路径进 行圆角处理。

结合第二方面，在一种可能的实现方式中，所述图标是可缩放的矢量图形SVG格式的图标或流式网络图像PNG格式的图标。

第三方面，本申请提供了一种图标的样式风格处理装置，所述图标的样式风格处理装 置包括：至少一个处理器，当程序指令在所述至少一个处理器中执行时，使得所述图像处 理装置执行上述任一方面任一项可能的实现中的图标的样式风格处理的方法。

第四方面，本申请提供了一种电子设备，包括一个或多个处理器和一个或多个存储器。 该一个或多个存储器与一个或多个处理器耦合，一个或多个存储器用于存储计算机程序代 码，计算机程序代码包括计算机指令，当一个或多个处理器执行计算机指令时，使得电子 设备执行上述任一方面任一项可能的实现中的图标的样式风格处理的方法。

第五方面，本申请提供了一种计算机可读存储介质，包括计算机程序，当其在计算机 设备上运行时，使得所述计算机设备中的处理单元执行上述任一方面任一项可能的实现中 的图标的样式风格处理的方法。

第六方面，本申请提供了一种计算机程序产品，当计算机程序产品在电子设备上运行 时，使得电子设备执行上述任一方面任一项可能的图标的样式风格处理的方法。

第七方面，本申请提供了一种芯片，所述芯片包括存储器和处理器，所述存储器用于 存储计算机指令，所述处理器用于执行所述存储器中存储的计算机指令，以执行上述任一 方面任一项可能的图标的样式风格处理的方法。

附图说明

图1是本申请实施例提供的一例电子设备的结构示意图。

图2是本申请实施例提供的一例电子设备的软件结构框图。

图3是图标的样式风格的示意图。

图4是本申请实施例提供的一种图标的描边风格处理的方法的示意性流程图。

图5是本申请实施例提供的对可缩放的矢量图形图标进行解析的示意性流程图。

图6是本申请实施例提供的一例图标的各个路径示意图。

图7是本申请实施例提供的一例对图标进行描边风格处理的过程示意图。

图8是本申请实施例提供的一种图标的填充风格处理的方法的示意性流程图。

图9是本申请实施例提供的一种图标的不同路径的填充风格处理的方法的示意性流 程图。

图10是本申请实施例提供的一例对图标进行填充风格处理的过程示意图。

图11是本申请实施例提供的一例对内辅助路径进行轮廓化描边风格处理的示意性流 程图。

图12是本申请实施例提供的一例对内辅助路径进行轮廓化描边风格处理的过程示意 图。

图13是本申请实施例提供的另一例对图标进行填充风格处理的过程示意图。

图14是本申请实施例提供的一例对图标进行双色调风格处理的过程示意图。

图15是本申请实施例提供的一种图标的圆角半径风格处理的方法的示意性流程图。

图16是本申请实施例提供的一例对图标进行圆角处理的过程示意图。

图17是本申请实施例提供的一例图标的样式风格的处理的装置的结构示意图。

图18是本申请实施例提供的另一例图标的样式风格的处理的装置的结构示意图。

具体实施方式

下面将结合附图，对本申请中的技术方案进行描述。

本申请提供的图标(icon)的样式风格处理的方法，可以应用于电子设备，也可是单 独的计算机程序，该计算机程序可以实现电子设备界面中的图标样式风格的显示。

本申请提供的图标的样式风格处理的方法可以应用于手机、平板电脑、可穿戴设备、 车载设备、增强现实(augmented reality，AR)/虚拟现实(virtual reality，VR)设备、笔 记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本、个人数字助理(personal digital assistant，PDA)等电子设备上，本申请实施例对电子设备的 具体类型不作任何限制。

示例性的，图1是本申请实施例提供的一例电子设备的结构示意图。电子设备100可 以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universalserial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克 风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193， 显示屏194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。其中 传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁 传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器 180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。

可以理解的是，本申请实施例示意的结构并不构成对电子设备100的具体限定。在本 申请另一些实施例中，电子设备100可以包括比图示更多或更少的部件，或者组合某些部 件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。

处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processingunit，GPU)， 图像信号处理器(image signal processor，ISP)，控制器，存储器，视频编解码器，数字信 号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个 或多个处理器中。

其中，控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作 码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。

处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110可以包括一个或多个接口，例如，接口可以包括集成电路(inter-integrated circuit，I2C) 接口，集成电路内置音频(inter-integrated circuit sound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronousreceiver/transmitter， UART)接口，移动产业处理器接口(mobile industry processorinterface，MIPI)，通用输入输 出(general-purpose input/output，GPIO)接口，用户标识模块(subscriber identity module，SIM) 接口，和/或通用串行总线(universal serialbus，USB)接口等。

I2C接口是一种双向同步串行总线，包括一根串行数据线(serial data line，SDA)和一 根串行时钟线(derail clock line，SCL)。在一些实施例中，处理器110可以包含多组I2C总 线。处理器110可以通过不同的I2C总线接口分别耦合触摸传感器180K，充电器，闪光 灯，摄像头193等。例如：处理器110可以通过I2C接口耦合触摸传感器180K，使处理 器110与触摸传感器180K通过I2C总线接口通信，实现电子设备100的触摸功能。

MIPI接口可以被用于连接处理器110与显示屏194，摄像头193等外围器件。MIPI接口包括摄像头串行接口(camera serial interface，CSI)，显示屏串行接口(displayserial interface，DSI)等。在一些实施例中，处理器110和摄像头193通过CSI接口通信，实现 电子设备100的拍摄功能。处理器110和显示屏194通过DSI接口通信，实现电子设备 100的显示功能。

USB接口130是符合USB标准规范的接口，具体可以是Mini USB接口，Micro USB 接口，USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电，也 可以用于电子设备100与外围设备之间传输数据。也可以用于连接耳机，通过耳机播放音 频。该接口还可以用于连接其他电子设备，例如AR设备等。

可以理解的是，本申请实施例示意的各模块间的接口连接关系，只是示意性说明，并 不构成对电子设备100的结构限定。在本申请另一些实施例中，电子设备100也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。

充电管理模块140用于从充电器接收充电输入。其中，充电器可以是无线充电器，也 可以是有线充电器。电源管理模块141用于连接电池142，充电管理模块140与处理器110。 电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储 器121，外部存储器，显示屏194，摄像头193，和无线通信模块160等供电。电源管理 模块141还可以用于监测电池容量，电池循环次数，电池健康状态(漏电，阻抗)等参数。

电子设备100的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。

天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖 单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。

移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的 解决方案。调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频 基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后 解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处 理后，被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A，受话器170B 等)输出声音信号，或通过显示屏194显示图像或视频。无线通信模块160可以提供应用 在电子设备100上的包括无线局域网(wireless local area networks，WLAN)(如无线保真 (wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。

电子设备100通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图 像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用 于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信 息。

显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emittingdiode，OLED)， 有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emittingdiode，FLED)，Miniled，MicroLed， Micro-oLed，量子点发光二极管(quantum dot lightemitting diodes，QLED)等。在一些实施 例中，电子设备100可以包括1个或N个显示屏194，N为大于1的正整数。

电子设备100可以通过ISP，摄像头193，视频编解码器，GPU，显示屏194以及应 用处理器等实现拍摄功能。其中，ISP用于处理摄像头193反馈的数据。摄像头193用于 捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。视频编解码器用于对 数字视频压缩或解压缩。

外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存 储功能。例如将音乐，视频等文件保存在外部存储卡中。

内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指 令。内部存储器1321可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备1300使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器1321可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一 个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。处理器110通过运行存储在内部存储器121的指令，从而执行电子设备100的各种功能应用以及数据处理。

电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳 机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。

压力传感器180A用于感受压力信号，可以将压力信号转换成电信号。陀螺仪传感器 180B可以用于确定电子设备100的运动姿态。气压传感器180C用于测量气压。磁传感器180D包括霍尔传感器。电子设备100可以利用磁传感器180D检测翻盖皮套的开合。加速 度传感器180E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。距离传感 器180F，用于测量距离。电子设备100可以通过红外或激光测量距离。接近光传感器180G 可以包括例如发光二极管(LED)和光检测器，例如光电二极管。发光二极管可以是红外发 光二极管。电子设备100通过发光二极管向外发射红外光。电子设备100使用光电二极管 检测来自附近物体的红外反射光。当检测到充分的反射光时，可以确定电子设备100附近 有物体。当检测到不充分的反射光时，电子设备100可以确定电子设备100附近没有物体。 环境光传感器180L用于感知环境光亮度。温度传感器180J用于检测温度。

骨传导传感器180M可以获取振动信号。按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入，产生与电子设 备100的用户设置以及功能控制有关的键信号输入。马达191可以产生振动提示。指示器 192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电， 通知等。SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195，或从 SIM卡接口195拔出，实现和电子设备100的接触和分离。电子设备100可以支持1个或 N个SIM卡接口，N为大于1的正整数。

指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解 锁，访问应用锁，指纹拍照，指纹接听来电等。

触摸传感器180K，也称“触控面板”触摸传感器180K可以设置于显示屏194，由触摸传感器180K与显示屏194组成触摸屏，也称“触控屏”。触摸传感器180K用于检测作用 于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确 定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例 中，触摸传感器180K也可以设置于电子设备100的表面，与显示屏194所处的位置不同。

电子设备100的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构， 或云架构。本申请实施例以分层架构的

系统为例，示例性说明电子设备100的 软件结构。

图2是本申请实施例提供的一例电子设备100的软件结构框图。分层架构将软件分成 若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例 中，将

系统分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行时(Android runtime)和系统库，以及内核层。应用程序层可以包括一系列应用程序包。

如图2所示，结合本申请实施例的描述，该应用程序包可以包括相机，图库、信息、联系人、天气、音乐、卡包、任务卡商店、设置、相册、视频、浏览器、华为商城和桌面 等应用程序。

应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。

如图2所示，应用程序框架层可以包括窗口管理器，内容提供器，视图系统，电话管理器，资源管理器，通知管理器等。

窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏， 锁定屏幕，截取屏幕等。本申请中，该窗口管理器可以参与显示屏的界面元素的显示过程。

内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以 包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。

视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于 构建应用程序。显示界面可以由一个或多个视图组成的。例如，显示界面上应用图标的显 示，或者包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。

电话管理器用于提供电子设备100的通信功能。例如通话状态的管理(包括接通，挂 断等)。

资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。

通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消 息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知用户下载完成， 消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通 知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例 如在状态栏提示文本信息，或者通过发出提示音、振动、指示灯闪烁等方式进行通知。

Android runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。

核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心 库。

应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架 层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程 管理，安全和异常的管理，以及垃圾回收等功能。

系统库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(media libraries)，三维图形处理库(例如：OpenGL ES)，2D图形引擎(例如：SGL)等。

表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。

媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可 以支持多种音视频编码格式，例如：MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。

三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。2D图形引擎是2D绘图的绘图引擎。

本申请中，表面管理器、三维图形处理库等可以参与电子设备的图标样式风格处理的 过程，此处不再对具体的处理的过程进行赘述。

内核层是硬件和软件之间的层。内核层至少包含显示驱动，传感器驱动等。

为了便于理解，本申请以下实施例将以具有图1和图2所示结构的电子设备为例，结 合附图，对本申请实施例提供的图标样式风格的处理方法进行具体阐述。

本申请中涉及的图标，可以是可缩放的矢量图形(scalable vector graphics，SVG)格 式的图标，也可以是流式网络图形(portable network graphic，PNG)格式的图标。为了方 便描述，以SVG格式的图标为例进行描述。为了方便描述，将SVG格式的图标简化为SVG图标。

随着电子设备的普及，电子设备的显示界面上显示的图标是整个显示界面设计中最重 要的元素之一。在图标样式风格的处理中，只能一次性对所有的路径(path)进行处理， 或者只能对单一路径单独处理。因此，在图标样式风格处理时灵活性较差。

本申请提供了对图标的样式风格处理的方法，该方法可以批量导入图标，标记导入的 图标的主路径、内辅助路径、外辅助路径和/或相交路径，对图标的相应的路径进行相应 的样式风格的处理，从而可以快速生成预期的样式风格的一套图标。

本申请实施例中提到的颜色是由红绿蓝三基色组成，可以用1个字节(范围是0～255) 来表示一个基色分量，一种有有256³种颜色。

本申请实施例涉及的对于图标的样式风格处理可以包括以下至少一种：图标的描边风 格的处理、图标的填充风格的处理、图标双色调风格的处理和图标圆角风格的处理。

其中，描边图标风格指的是图标主体为线状，填充区域的面积小于第一预设值的图标 风格。如图3所示，是描边图标风格的图标的示意图。例如，如图3中的(a)所示，图 标301是未处理的图标，图标3011是描边图标风格的图标。又例如，如图3中的(b)所 示，图标302是未处理的图标，图标3021是描边图标风格的图标。

其中，填充图标风格指的是图标主体为面状，填充区域的面积大于第二预设值的图标 风格。例如，如图3中的(c)所示，图标301是未处理的图标，图标3012是填充图标风 格的图标。又例如，如图3中的(d)所示，图标302是未处理的图标，图标3022是填充 图标风格的图标。

其中，双色调图标风格指的是用一个颜色对图标进行描边，用另一个颜色填充闭合区 域的图标风格。例如，如图3中的(e)所示，图标301是未处理的图标，图标3013是双 色调图标风格的图标。又例如，如图3中的(f)所示，图标302是未处理的图标，图标 3023是双色调图标风格的图标。

其中，图标的圆角风格指的是图标的拐角是圆角的图标风格，圆角的大小可以用圆弧 的半径表示。例如，如图3中的(g)所示，图标303是未处理的图标，图标3031是圆角 图标风格的图标。又例如，如图3中的(h)所示，图标302是未处理的图标，图标3041 是圆角图标风格的图标。

以下，将结合具体的附图，分别介绍上述4种图标样式风格的处理过程。

批量进行图标的描边风格的处理

为了实现上述图标样式风格处理，本申请提供的一种图标的描边处理的方法200，如 图4所示，该方法200包括步骤210至步骤240。下面将详细介绍步骤210至步骤240。

步骤210，批量导入多个标准SVG图标。

例如，如图6所示，是本申请实施例提供的批量导入的4个标准SVG图标的示例图。

步骤220，读取SVG图标，将SVG图标进行解析。

具体地，如图5所示，将SVG图标中的所有路径进行分类并批量标注，其可以包括以下步骤221至步骤223：

步骤221，将SVG图标中的各种组成元素全部转化为路径；

示例性地，SVG图标中的各种组成元素可以包括矩形(rectangle)、圆(circle)、椭圆(ellipse)、直线(line)、折线(Polyline)、多边形(Polygon)等。

步骤222，计算各路径的长度，在每个SVG单元中，标记主路径(primary path)。

其中，主路径代表了图标轮廓形状的最主要部分，该主路径可以是一个基准路径，本 申请对主路径的具体的形式并不作限定。示例性地，主路径可以是所有路径中长度最长的 路径；或者，主路径可以是所有路径中个每条路径形成的区域中区域面积最大的路径。

步骤223，对其他路径分别进行标记。

具体地，对其他路径进行标记可以包括以下至少一种：

(1)根据其他路径与主路径的位置关系，将其他路径标记为内辅助路径、外辅助路径或相交路径。

示例性地，当一条路径在主路径的内部时，可以将该路径标记为内辅助路径。其中， 一条路径在主路径的内部可以理解为该路径在主路径形成的内部区域中。

示例性地，当一条路径在主路径的外部时，可以将该路径标记为外辅助路径。其中， 一条路径在主路径的外部可以理解为该路径在主路径形成的外部区域中。

其中，相交路径可以理解为路径与路径之间至少有一个公共点的路径。

例如，如图6中的(a)所示，图标401的主路径是路径4011，图标401的内辅助路 径是路径4012，图标401的外辅助路径是路径4013。又例如，如图6中的(b)所示，图 标402的主路径是路径4021，图标402的内辅助路径是路径4022，图标402不存在外辅 助路径。又例如，如图6中的(c)所示，图标403的主路径是路径4031，图标403的外 辅助路径是路径4032，图标403不存在内辅助路径。又例如，如图6中的(d)所示，图 标404的主路径是路径4041，图标404的内辅助路径是路径4042，且内辅助路径4042中 路径4042a和路径4042b是相交路径路径。

(2)根据路径的起点和终点是否一致，标记闭合路径(closed path)和开放路径(open path)。

其中，路径的起点可以理解为是路径的一个端点，路径的终点可以理解为是路径的另 一个端点。

具体地，在路径的起点和终点一致的情况下，将该路径标记为闭合路径；在路径的起 点和终点不一致的情况下，将该路径标记为开放路径。其中，起点和终点是否一致可以理 解为起点的坐标和终点的坐标是否相同。例如，坐标可以是二维坐标，起点和终点一致可 以是起点的两个维度的坐标分别和终点的相应的维度的坐标相同。起点和终点不一致可以 是起点的两个维度的坐标中至少有一个维度的坐标和终点的相应维度的坐标不相同。

如图6中的(a)所示，图标401的主路径4011是闭合路径，图标401的内辅助路径4012和图标401的外辅助路径4013都是开放路径。又例如，如图6中的(b)所示，图 标402的主路径4021和图标402的内辅助路径4022都是闭合路径。又例如，如图6中的 (c)所示，图标403的主路径4031和图标403的外辅助路径4032都是开放路径。又例 如，如图6中的(d)所示，主路径4041是闭合路径，内辅助路径4042是开放路径。

步骤230，设定描边参数。

上述描边参数包括描边色和/或描边粗细。

其中，可以通过以下两种方式，设定描边色。

方式1，将每个SVG的所有路径的描边色设置为相同的颜色。

例如，如图6所示，将路径4011、路径4012、路径4013、路径4021、路径4022、 路径4031、路径4032、路径4041和路径4042的描边色都设置为黑色。

方式2，针对解析后的SVG的每类路径分别设置相应的描边色。

示例性地，将每个SVG中标记的主路径的描边色设置为相同的颜色。例如，将图6中的主路径4011、主路径4021、主路径4031和主路径4041的描边色都设置为红色。

示例性地，将每个SVG中标记的内辅助路径的描边色设置为相同的颜色。例如，将图6中的内辅助路径4012、内辅助路径4022和内辅助路径4042的描边色都设置为黄色。

示例性地，将每个SVG中标记的外辅助路径的描边色设置为相同的颜色。例如，将图6中的外辅助路径4013和外辅助路径4032的描边色都设置为灰色。

示例性地，将每个SVG中标记的相交路径的描边色设置为相同的颜色。例如，将图6中的相交路径4042a和4042b的描边色都设置为蓝色。

上述方式1和方式2可以执行其中至少一种方式。

其中，可以通过以下两种方式，设定描边粗细。

方式A，将每个SVG的所有路径的描边粗细设置为相同的粗细。

例如，将图6中的路径4011、路径4012、路径4013、路径4021、路径4022、路径 4031、路径4032、路径4041和路径4042的描边粗细都设置为6磅。

方式B，可以针对解析后的SVG的每类路径分别设置相应的描边色和相应的描边粗细。

示例性地，将每个SVG中标记的主路径的描边粗细设置为相同的粗细。例如，将图6中的主路径4011、主路径4021、主路径4031和主路径4041的描边粗细都设置为4磅。

示例性地，将每个SVG中标记的内辅助路径的描边粗细设置为相同的粗细。例如，将图6中的内辅助路径4012、内辅助路径4022和内辅助路径4042的描边粗细都设置为6 磅。

示例性地，将每个SVG中标记的外辅助路径的描边粗细设置为相同的粗细。例如，将图6中的外辅助路径4013和外辅助路径4032的描边粗细都设置为5磅。

示例性地，将每个SVG中标记的相交路径的描边粗细设置为相同的粗细。例如，将图6中的相交路径4042a和4042b的描边粗细都设置为2磅。

上述方式A和方式B可以执行其中至少一种方式。

在一些实施例中，可以先通过方式A，将每个SVG的所有路径的描边粗细设定为一个值；再通过方式B将每个SVG的每种属性的路径的描边粗细设定为另一个值，这样可 以先将每个SVG的所有路径的描边粗细整体设定到某个值，再将每个SVG的某一属性的 路径的描边粗细进行二次设定。

在上述描边色的设定和描边粗细的设定在分开执行的情况下，无先后执行顺序之分。

步骤240，根据每个SVG的相应路径设定的描边参数，进行描边处理。

步骤250，对面积与描边之间的比例小于预设值的闭合区域进行填充。

其中，闭合区域可以理解为上述标记的闭合路径形成的区域。

例如，如图7所示，为本申请实施例提供的对图标进行描边处理的过程示意图。如图 7所示，以批量导入三个图标为例进行描边处理的描述，且在上述步骤230中针对解析后的SVG的每类路径分别设置相应的描边粗细。例如，将主路径相应的描边粗细设置为4 磅，将内辅助路径相应的描边粗细设置为8磅，以及将外辅助路径相应的描边粗细设置为 2磅。且将所有的路径的描边色都设定为黑色。其中，如图7中的(a)所示的图标430 包括主路径4301、外辅助路径4302和内辅助路径4303，如图7中的(a)中左边图所示 是未描边的图标，其中，主路径4301、外辅助路径4302和内辅助路径4303的粗细都为 0.75磅；如图7中的(a)中右边图所示是描边后的图标，其中，主路径4301的粗细为4 磅，外辅助路径4302的粗细为2磅，内辅助路径4303的粗细为8磅。如图7中的(b) 所示的图标431包括主路径4311和内辅助路径4312，如图7中的(b)中左边图所示是 未描边的图标，主路径4311和内辅助路径4312的粗细都为0.75磅；如图7中的(b)中 右边图所示是描边后的图标，主路径4311的粗细为4磅，内辅助路径4312的粗细为8磅。 如图7中的(c)所示的图标432包括主路径4321和外辅助路径4322，如图7中的(c) 中左边图所示是未描边的图标432，其中，主路径4321和外辅助路径4322的粗细都为0.75 磅。如图7中的(c)中右边图所示是描边后的图标432，其中，主路径4321的粗细为4 磅，外辅助路径4322的粗细为2磅。

通过上述描边处理的方法200，将图标的路径标记为主路径、内辅助路径、外辅助路 径和/或相交路径，并可以批量化的导入图标，根据不同的路径，设置相应的描边色和描边粗细，从而可以批量化、精细化地对图标进行描边处理，能够快速生成符合预期设计的一套描边类图标。

批量进行图标的填充风格的处理

本申请还提供给了一种图标的填充处理的方法300。如图8所示，该方法300可以包括上述方法200中的步骤210至步骤220，以及步骤310至步骤320。对于步骤210至步 骤220详见上述描述，这里不再赘述。

步骤310，设定填充色。

可选地，上述填充包括纯色填充、渐变色填充或图案填充。

在纯色填充中，填充色指的是纯色填充的颜色。在渐变色填充中，填充色指的是渐变 填充的颜色。在图案填充中，填充色指的是图案填充的颜色。在本申请实施例中的附图中 均以填充是纯色填充为例进行介绍。

其中，填充色可以设定一个或多个。示例性地，对于不同的路径，设定不同的填充色。

步骤320，判断各个路径是否是闭合路径，并根据判断的结果，进行相应的操作。

具体地，如图9所示，该步骤320包括步骤321至步骤323。

步骤321，判断主路径是否是闭合路径；在主路径是开放路径的情况下，执行步骤3211；在主路径是闭合路径的情况下，执行步骤3212。

步骤3211，采用设定的主路径对应的填充色对主路径进行描边。

步骤322a、判断内辅助路径是否是闭合路径；在内辅助路径是闭合路径的情况下，执 行步骤3221a；在内辅助路径是开放路径的情况下，执行步骤3222a。

步骤3221a，采用设定的内辅助路径对应的填充色填充该内辅助路径对应的闭合区域。

步骤3222a，采用设定的内辅助路径对应的填充色对该内辅助路径进行描边。

在执行上述步骤322a之前，还可以判断该图标是否存在内辅助路径，在图标存在内 辅助路径存在的情况下，执行步骤322a、步骤3221a以及步骤3222a；在内辅助路径不存在的情况下，不需要执行上述步骤322a、步骤3221a以及步骤3222a。

323a、判断外辅助路径是否是闭合路径；在外辅助路径是闭合路径的情况下，执行步 骤3231a；在外辅助路径是开放路径的情况下，执行步骤3232a。

3231a，采用设定的外辅助路径对应的填充色填充该外辅助路径对应的闭合区域；

3232a，采用设定的外辅助路径对应的填充色对该外辅助路径进行描边。

在执行上述步骤323a之前，还可以判断该图标是否存在外辅助路径，在图标存在外 辅助路径存在的情况下，执行步骤323a、步骤3231a以及步骤3232a；在外辅助路径不存在的情况下，不执行上述步骤323a、步骤3231a以及步骤3232a。

上述步骤322a和步骤323a之间无先后执行顺序之分。以下的附图10中的(a)至附图10中的(d)都是以步骤322a在步骤323a之前执行为例进行描述。

如图10所示，为本申请实施例提供的对图标进行填充处理的过程示意图。如图10所 示，以批量导入九个图标为例进行填充处理的描述，其中，九个图标分别为图标414、图标415、图标416、图标417、图标418、图标419、图标420、图标421和图标422。

例如，如图10中的(a)所示，为本申请实施例提供的对图标进行填充处理的一例过程示意图。其中，图标414包括主路径4141、内辅助路径4142和外辅助路径4143，主路 径4141和外辅助路径4143都是开放路径，内辅助路径4142是闭合路径。对该图标414 进行填充处理包括上述步骤3211、步骤3221a和步骤3232a。具体地，由于主路径4141 是开放路径，因此，根据对主路径设定的填充色对主路径4141进行描边，此时，图标414 变化为如图10中的(a)中的从左至右第二个图所示。又由于内辅助路径4142是闭合路 径，因此，根据对内辅助路径4142设定的填充色对内辅助路径4142进行填充，此时，图 标414变化为如图10中的(a)中的从左至右第三个图所示。又由于外辅助路径4143是 开放路径，因此，根据对外辅助路径4143设定的填充色对外辅助路径4143进行描边，此 时，图标414变化为如图10中的(a)中的从左至右第四个图所示。

又例如，如图10中的(b)所示，为本申请实施例提供的对图标进行填充处理的一例过程示意图。其中，图标415包括主路径4151、内辅助路径4152和外辅助路径4153，主 路径4151是开放路径，内辅助路径4152和外辅助路径4153都是闭合路径。对该图标415 进行填充处理包括上述步骤3211、步骤3221a和步骤3231a。具体地，由于主路径4151 是开放路径，因此，根据对主路径设定的填充色对主路径4151进行描边，此时，图标415 变化为如图10中的(b)中的从左至右第二个图所示。又由于内辅助路径4152是闭合路 径，因此，根据对内辅助路径4152设定的填充色对内辅助路径4152进行填充，此时，图 标415变化为如图10中的(b)中的从左至右第三个图所示。又由于外辅助路径4153是 闭合路径，因此，根据对外辅助路径4153设定的填充色对外辅助路径4153进行填充，此 时，图标415变化为如图10中的(b)中的从左至右第四个图所示。

又例如，如图10中的(c)所示，为本申请实施例提供的对图标进行填充处理的一例过程示意图。其中，图标416包括主路径4161、内辅助路径4162和外辅助路径4163，主 路径4161和内辅助路径4162都是开放路径，外辅助路径4163是闭合路径。对该图标416 进行填充处理包括上述步骤3211、步骤3222a和步骤3231a。具体地，由于主路径4161 是开放路径，因此，根据对主路径设定的填充色对主路径4161进行描边，此时，图标416 变化为如图10中的(c)中的从左至右第二个图所示。又由于内辅助路径4162是开放路 径，因此，根据对内辅助路径4162设定的填充色对内辅助路径4162进行描边，此时，图 标416变化为如图10中的(c)中的从左至右第三个图所示。又由于外辅助路径4163是 闭合路径，因此，根据对外辅助路径4163设定的填充色对外辅助路径4163进行填充，此 时，图标416变化为如图10中的(c)中的从左至右第四个图所示。

又例如，如图10中的(d)所示，为本申请实施例提供的对图标进行填充处理的一例过程示意图。其中，图标417包括主路径4171、内辅助路径4172和外辅助路径4173，主 路径4171、内辅助路径4172和外辅助路径4173都是开放路径。对该图标417进行填充 处理包括上述步骤3211、步骤3222a和步骤3232a。具体地，由于主路径4171是开放路 径，因此，根据对主路径设定的填充色对主路径4171进行描边，此时，图标417变化为 如图10中的(d)中的从左至右第二个图所示。又由于内辅助路径4172是开放路径，因 此，根据对内辅助路径4172设定的填充色对内辅助路径4172进行描边，此时，图标417 变化为如图10中的(d)中的从左至右第三个图所示。又由于外辅助路径4173也是开放 路径，因此，根据对外辅助路径4173设定的填充色对外辅助路径4173进行描边，此时， 图标417变化为如图10中的(d)中的从左至右第四个图所示。

步骤3212，采用设定的主路径对应的填充色填充主路径对应的闭合区域。

步骤322b，判断外辅助路径是否是闭合路径；在外辅助路径是闭合路径的情况下，执行步骤3221b；在外辅助路径是开放路径的情况下，执行步骤3222b。

步骤3221b，采用设定的外辅助路径对应的填充色填充外辅助路径对应的闭合区域。

步骤3222b、采用设定的外辅助路径对应的填充色对外辅助路径进行描边。

在执行上述步骤322b之前，还可以判断该图标是否存在外辅助路径，在图标存在外 辅助路径存在的情况下，执行步骤322b、步骤3221b以及步骤3222b；在外辅助路径不存在的情况下，不执行上述步骤322b、步骤3221b以及步骤3222b。

步骤323b，判断内辅助路径是否是闭合路径；在内辅助路径是闭合路径的情况下，执行步骤3231b和步骤3232b；在内辅助路径是开放路径的情况下，执行步骤3231b至步 骤3233b。

步骤3231b，将主路径形成的区域和内辅助路径形成的区域做交集区域处理。为了方 便描述，将主路径形成的区域中主路径形成的区域和内辅助路径形成的区域的交集区域记 为主内交集区域。

步骤3232b，将主内交集区域设置为透明颜色，并采用设定的内辅助路径对应的填充 色填充该主内交集区域。

在执行上述步骤323b之前，还可以判断该图标是否存在内辅助路径，在图标存在内 辅助路径存在的情况下，执行步骤323b、步骤3231b以及步骤3232b；在内辅助路径不存在的情况下，不需要执行上述步骤323b、步骤3231b以及步骤3232b。

例如，如图6中所示的图标404，主路径4041是闭合路径，路径4042a和路径4042b组成的内辅助路径4042是开放路径。具体地，由于主路径4041是闭合路径，因此，根据 对主路径4041设定的填充色对主路径4041进行填充。又由于内辅助路径4042是开放路 径，因此，内辅助路径4042会被填充后的主路径4041形成的区域遮挡，使得内辅助路径 4042无法得到区分，也无法得到理想的填充效果。因此，还需在执行步骤3231b至步骤 3232b之前，执行步骤3233b。

步骤3233b，采用设定的内辅助路径对应的填充色对内辅助路径进行轮廓化描边。这 样可以将内辅助路径转化为闭合路径，进而再执行步骤3231b至步骤3232b，即将主路径形成的区域和轮廓化后的闭合内辅助路径形成的区域做交集区域处理，将主内交集区域设置为透明颜色，并采用设定的内辅助路径对应的填充色填充该主内交集区域。

上述步骤322b和步骤323b之间无先后执行顺序之分。以下的附图13中的(a)至附图13中的(e)都是以步骤322b在步骤323b之前执行为例进行描述。

其中，如图11所示，是上述3233b中涉及的轮廓化描边的处理过程。该轮廓化描边的处理过程包括步骤1至步骤26。

步骤1，开始。

步骤2，从非闭合路径的内辅助路径中取一点。

步骤3，判断当前点是否为起点。

其中，当前点即为步骤2中取的点。在当前点为起点的情况下，执行步骤4。在当前点不是起点的情况下，执行步骤11。

步骤4，判断当前点是否为终点。在当前点为终点的情况下，执行步骤5至步骤6。在当前点不是终点的情况下，执行步骤7至步骤10。

步骤5，将当前点转化为圆。具体地，以当前点为圆心，线宽为直径画圆，该圆即为轮廓化描边的结果。为了方便描述，将线宽记为W。

步骤6，结束。

步骤7，确定当前点到达下一点的形式。

其中，当前点和下一点都是该内辅助路径上的点。

在本申请中一个点到达另一个点的形式可以理解为一个点沿内辅助路径到达另一点 的形式。示例性地，在内辅助路径上，一个点到达另一点的形式可以包括一个点沿圆形曲 线达到另一点和/或一个点沿直线到达另一个点，其中，圆形曲线和直线是内辅助路径的 一部分，圆形曲线可以理解为是圆弧。上述当前点达到下一点的形式可以包括当前点沿圆 形曲线到达下一点和/或当前点沿直线达到下一点。在当前点沿圆形曲线到达下一点的情 况下，执行步骤8和步骤10。在当前点沿直线到达下一点的情况下，执行步骤9和步骤10。

步骤8，计算两条同心圆曲线，并确定当前点在两条同心圆曲线上分别对应的点T1和T2。具体地，以当前点与下一点构成的圆形曲线为依据，记该圆形曲线的半径为R， 分别以半径R+W/2、R–W/2为半径，以原始圆形曲线的圆心为圆心画两个同心圆，当前 点在两条同心圆曲线上的对应点记为T1、T2。其中，当前点在同心圆曲线上的对应点可 以理解为当前点与原始圆形曲线的圆心连接的线段和同心圆曲线的交点。

步骤9，计算两条平行线，并确定当前点在两条平行线上分别对应的点T1和T2。具体地，以当前点与下一点构成的线段为依据，以垂直该线段的方向分别向两边平移W/2 距离得到两条平行线段，当前点在两条平行线段上的对应点记为T1、T2。其中，当前点 在两条平行线段上的对应点可以理解为经过当前点且垂直于该线段的线段与平行线段的 交点。

步骤10，将上述步骤8或步骤9中的T1写入部分1中，以及T1、T2写入部分2中。

在本申请中，部分1和部分2分别用于存储原始路径在轮廓化描边的过程中，在原始 路径衍生出来的两条路径上，当前点分别对应的两个点。

其中，将T1写入部分2中是为了后续将部分1和部分2中分别写入的点连接在一起可以形成一个闭合的路径。

执行完上述步骤10之后，继续返回步骤2，重新取一点，并按照图11执行，直到结束。

步骤11，确定上一点到达当前点的形式。在上一点沿圆形曲线到达当前点的情况下， 执行步骤12。在上一点直线到达当前点的情况下，执行步骤20。

步骤12，判断当前点是否为终点；在当前点为终点的情况下，执行步骤13至步骤15。 在当前点不是终点的情况下，执行步骤16至步骤19。

步骤13，计算两条同心圆曲线，并确定当前点在两条同心圆曲线上分别对应的点T1 和T2。具体地，以上一点与当前点构成的圆形曲线为依据，记该圆形曲线的半径为R， 分别以半径R+W/2、R–W/2为半径，以原始圆形曲线的圆心为圆心画两个同心圆，当前 点在两条同心圆曲线上的对应点记为T1、T2，将T1写入部分1中，将T2写入部分2中。

步骤14，融合部分1，部分2。具体地，将部分2中的点倒序写入部分1中，部分1 中的所有点，按记录的次序连接起来的path记为轮廓化描边结果。

步骤15，结束。

步骤16，确定当前点到达下一点的形式。在当前点沿圆形曲线到达下一点的情况下， 执行步骤17和步骤19。在当前点沿直线到达下一点的情况下，执行步骤18和步骤19。

步骤17，计算两对同心圆，并求交点。具体地，计算上一点与当前点构成的圆形曲线的两条同心圆曲线line11、line12(计算方式同步骤8一样)，计算当前点与下一点构 成的圆形曲线的两条同心圆曲线line21、line22(计算方式同步骤8一样)，若line11与line21相交，则交点I1写入line11对应的部分1中，同时计算line12与line22在端点的切线的交点I2，写入line12对应的part中；若line11与line22相交，则交点I1写入line11 对应的part中，同时计算line12与line21在端点的切线的交点I2，写入line12对应的部分 2中。

步骤18，计算两条同心圆与两条平行线，求交点。具体地，计算当前点与下一点构成的线段的两条平行线段line11、line12(计算方式同步骤9一样)，计算上一点与当前 点构成的圆形曲线的两条同心圆曲线line21、line22(计算方式同步骤8一样)，若line11 与line21相交，则交点I1写入line11对应的part中，同时计算line12的延长线与line22 在端点的切线的交点I2，写入line12对应的part中；若line11与line22相交，则交点I1 写入line11对应的part中，同时计算line12的延长线与line21在端点的切线的交点I2，写 入line12对应的part中。

步骤19，在部分1和部分2中分别写入步骤17或步骤18中的交点。

执行上述步骤19之后，继续返回步骤2，重新取一点，并按照图11执行，直到结束。

步骤20，判断当前点是否为终端。在当前为终点的情况下，执行步骤21至步骤23。在当前点不是终端的情况下，执行步骤24至步骤26。

步骤21，计算两条平行线，并确定当前点在两条平行线上分别对应的点T1和T2。具体地，以当前点与下一点构成的线段为依据，以垂直该线段的方向分别向两边平移W/2 距离得到两条平行线段，当前点在两条平行线段上的对应点即为T1、T2。然后判断T1与 部分1中的最后一点构成的线段与T2与部分2中的最后一点构成的线段是否平行，若平 行则部分1写入T1、部分2写入T2，否则部分1写入T2、部分2写入T1。

步骤22，融合部分1，部分2。将部分2中的点倒序写入部分1中，部分1中的所有 点构成的path记为轮廓化描边结果。

步骤23，结束。

步骤24，判断当前点到达下一点的形式。在当前点沿圆形曲线达到下一点的情况下， 执行步骤25和步骤19。在当前点直线到达下一点的情况下，执行步骤26和步骤19。

步骤25，计算两条平行线与两条同心圆，求交点。具体地，计算上一点与当前点构成的线段的两条平行线段line11、line12(计算方式同步骤9)，计算当前点与下一点构成的圆形曲线的两条同心圆曲线line21、line22(计算方式同步骤8)，若line11与line21相交，则交点I1写入line11对应的部分1中，同时计算line12的延长线与line22在端点的 切线的交点I2，写入line12对应的部分2中；若line11与line22相交，则交点I1写入line11 对应的部分1中，同时计算line12的延长线与line21在端点的切线的交点I2，写入line12 对应的部分2中。

步骤26，计算两对平行线，求两交点。具体地，若上一点、当前点、下一点三点一线，则跳过当前点不用处理，否则：计算上一点与当前点构成的线段的两条平行线段line11、 line12(计算方式同步骤9)，计算当前点与下一点构成的线段的两条平行线段line21、line22 (计算方式同步骤9)，若line11与line21相交，则交点I1写入line11对应的部分1中， 同时计算line12与line22的延长线的交点I2写入line12对应的部分2中；若line11与line22 相交，则交点I1，写入line11对应的部分1中，同时计算line12与line21的延长线的交点 I2，写入line12对应的部分2中。

执行上述步骤19之后，继续返回步骤2，重新取一点，并按照图11执行，直到结束。

例如，如图12所示，为本申请实施例提供的对开放路径的内辅助路径4221进行轮廓 化描边的过程示意图。首先，在内辅助路径4221上取一点1，该点1为起点且不是终点，该点1沿直线到达下一点2，则以点1和点2构成的线段12为依据，以垂直该线段12的 方向，分别向两边移动0.5倍的线宽，得到线段1'2'和线段1”2”，点1在线段1'2'上的对应 点为1'，以及点1在线段1”2”上对应的点为1”，将1'记为T1，将1”记为T2，并将T1写 入部分1，将T1和T2写入部分2。其次，在内辅助路径4221上取一点2，该点2不是起 点，点1是沿直线到达点2，该点2也不是终点，以及该点2沿直线到达点3，且点1、 点2和点3在一条直线上，因此，跳过该点2。点3和点4也被跳过，直到点5，该点5 不是起点，点4是沿圆形曲线到达点5，该点5不是终点，以及该点5沿圆形曲线到达点 6，以点4与点5构成的圆形曲线45为依据，记该圆形曲线45的半径为R，分别以(R+0.5 倍的线宽)和(R-0.5倍的线宽)为半径，以圆形曲线45的圆心为圆心画两个同心圆形曲 线(如图中所示的4'5'和4”5”)，点5在该两个同心圆上对应的点分别为点5'和5”。同样 的方法，得到圆形曲线56的两个同心圆形曲线分别为5'6'和5”6”，其中，圆形曲线4'5'和 圆形曲线5'6'的交点为5'，圆形曲线4”5”和圆形曲线5”6”的交点为5”。则将点5'写入部分 1中，将点5”写入部分2中。继续取下一点6，该点6不是起点，点5是沿圆形曲线到达 点6，该点6是终点，以点5与点6构成的圆形曲线56为依据，记该圆形曲线56的半径 为R，分别以(R+0.5倍的线宽)和(R-0.5倍的线宽)为半径，以圆形曲线56的圆心为 圆心画两个同心圆形曲线(如图中所示的5'6'和5”6”)，点6在该两个同心圆上对应的点 分别为点6'和6”，将该点将6'记为T1，将6”记为T2，并将T1写入部分1(此时，部分1 中的写入的点按顺序分别为1'、2'、3'、4'、5'、6')，将T2写入部分2(此时，部分2中 的写入的点按顺序分别为1'、1”、2”、3”、4”、5”、6”)，并部分2中所有写入的点倒序写 入部分1中，此时，部分1中的点的顺序为1'、2'、3'、4'、5'、6'、6”、5”、4”、3”、2”、 1”、1'，并按顺序连接部分1中的点，形成的路径4221'即为路径4221轮廓化描边的结果。

例如，如图13中的(a)所示，为本申请实施例提供的对图标进行填充处理的一例过程示意图。其中，图标418包括主路径4181和外辅助路径4183，主路径4181是闭合路 径，外辅助路径4182是开放路径。对该图标418进行填充处理包括上述步骤3212、步骤 3222b。具体地，由于主路径4181是闭合路径，因此，根据对主路径设定的填充色对主路 径4181进行填充，此时，图标418变化为如图13中的(a)中的从左至右第二个图所示。 又由于外辅助路径4182是开放路径，因此，根据对外辅助路径4183设定的填充色对外辅 助路径4183进行描边，此时，图标418变化为如图13中的(a)中的从左至右第三个图 所示。

又例如，如图13中的(b)所示，为本申请实施例提供的对图标进行填充处理的一例过程示意图。其中，图标419包括主路径4191和内辅助路径4192，主路径4191和内辅 助路径4192都是闭合路径。对该图标419进行填充处理包括上述步骤3212、步骤3231b 和步骤3232b。具体地，由于主路径4191是闭合路径，因此，根据对主路径设定的填充 色对主路径4191进行填充，此时，图标419变化为如图13中的(b)中的从左至右第二 个图所示。又由于内辅助路径4192是闭合路径，因此，将主路径形成的区域和内辅助路 径形成的区域做交集区域处理得到主内交集区域(如图13中内辅助路径4192形成的区 域)，并将主内交集区域设置为透明颜色，此时，图标419变化为如图13中的(b)中的 从左至右第三个图所示。并采用设定的内辅助路径4192对应的填充色填充该主内交集区 域，此时，图标419变化为如图13中的(b)中的从左至右第四个图所示。

又例如，如图13中的(c)所示，为本申请实施例提供的对图标进行填充处理的一例过程示意图。其中，图标420包括主路径4201、内辅助路径4202和外辅助路径4203，主 路径4201、内辅助路径4202和外辅助路径4203都是闭合路径。对该图标420进行填充 处理包括上述步骤3212、步骤3221b、步骤3231b和步骤3232b。具体地，由于主路径4201 是闭合路径，因此，根据对主路径设定的填充色对主路径4201进行填充，此时，图标420 变化为如图13中的(c)中的从左至右第二个图所示。又由于外辅助路径4203是闭合路 径，因此，根据对外辅助路径4183设定的填充色对外辅助路径4183进行填充，此时，图 标420变化为如图13中的(c)中的从左至右第三个图所示。又由于内辅助路径4202是 闭合路径，因此，将主路径形成的区域和内辅助路径形成的区域做交集区域处理得到主内 交集区域(如图13中内辅助路径4202形成的区域)，并将主内交集区域设置为透明颜色， 此时，图标420变化为如图13中的(c)中的从左至右第四个图所示。并采用设定的内辅 助路径4202对应的填充色填充该主内交集区域，此时，图标420变化为如图13中的(c) 中的从左至右第五个图所示。

又例如，如图13中的(d)所示，为本申请实施例提供的对图标进行填充处理的一例过程示意图。其中，图标421包括主路径4211和内辅助路径4212，主路径4211是闭合 路径，内辅助路径4212是开放路径。对该图标421进行填充处理包括上述步骤3212、步 骤3233b、步骤3231b和步骤3232b。具体地，由于主路径4211是闭合路径，因此，根据 对主路径设定的填充色对主路径4211进行填充，此时，图标421变化为如图13中的(d) 中的从左至右第二个图所示。又由于内辅助路径4212是开放路径，因此，将内辅助路径 4212进行轮廓化描边处理(包括上述步骤1至4、7、9、10(多次按顺序重复)；11、20、 21、22、23)，此时，图标421变化为如图13中的(d)中的从左至右第三个图所示。将 主路径形成的区域和内辅助路径形成的区域做交集区域处理得到主内交集区域(如图13 中轮廓化描边处理后的内辅助路径4212形成的区域)，并将主内交集区域设置为透明颜 色，此时，图标421变化为如图13中的(d)中的从左至右第四个图所示。并采用设定的 内辅助路径4212对应的填充色填充该主内交集区域，此时，图标421变化为如图13中的 (d)中的从左至右第五个图所示。

又例如，如图13中的(e)所示，为本申请实施例提供的对图标进行填充处理的一例过程示意图。其中，图标422包括主路径4221、内辅助路径4222和外辅助路径4223，主 路径4221和外辅助路径4223是闭合路径，内辅助路径4222是开放路径。对该图标422 进行填充处理包括上述步骤3212、步骤3221b、步骤3233b、步骤3231b和步骤3232b。 具体地，由于主路径4221是闭合路径，因此，根据对主路径设定的填充色对主路径4221 进行填充，此时，图标422变化为如图13中的(e)中的从左至右第二个图所示。又由于 外辅助路径4223是闭合路径，因此，根据对外辅助路径4123设定的填充色对外辅助路径 4123进行填充，此时，图标420变化为如图13中的(e)中的从左至右第三个图所示。又 由于内辅助路径4222是开放路径，因此，将内辅助路径4222进行轮廓化描边处理(包括 上述步骤1至4、7、9、10(多次按顺序重复)；11、20、21、22、23)，此时，图标422 变化为如图13中的(e)中的从左至右第四个图所示。将主路径形成的区域和内辅助路径 形成的区域做交集区域处理得到主内交集区域(如图13中轮廓化描边处理后的内辅助路 径4222形成的区域)，并将主内交集区域设置为透明颜色，此时，图标422变化为如图 13中的(e)中的从左至右第五个图所示。并采用设定的内辅助路径4222对应的填充色填 充该主内交集区域，此时，图标422变化为如图13中的(e)中的从左至右第六个图所示。

通过上述描边处理的方法300，将图标的路径标记为主路径、内辅助路径、外辅助路 径和/或相交路径，并可以批量化的导入图标，根据不同的路径，设置相应的填充色，从而可以批量化、精细化地对图标进行填充处理，能够快速生成符合预期设计的一套描边类图标。

批量进行图标的双色调风格的处理

本申请还提供给了一种图标的双色调处理的方法。该方法可以包括上述方法200中的 步骤210至步骤240，以及步骤310至步骤320。该方法中对应的步骤与上述步骤210至步骤240，以及步骤310至步骤320的区别在于：需要将步骤230中设定的描边的颜色和 步骤310中设定的填充的颜色是不一样。其他描述可以参见上述步骤210至步骤240，以 及步骤310至步骤320的描述，这里不再赘述。

例如，如图14所示，为本申请实施例提供的对图标进行双色调处理的一例过程示意 图。图标423经过双色调处理时，图标423进行描边处理采用的描边色是黑色，图标423进行填充处理采用的填充色是灰色。

批量进行图标的圆角半径风格的处理

本申请还提供给了一种图标半径风格处理的方法。该方法可以包括上述方法200中涉 及的步骤210和步骤220，还包括图15所示的步骤40至步骤47。如图15所示，是本申 请提供的一种图标半径风格处理的示意性流程图。该图15所示的步骤40至步骤47是针 对图标的每种路径进行相应的图标半径风格处理，即通过步骤210和步骤220可以标记出 每个SVG图标的主路径、内辅助路径、外辅助路径和/或相交路径，然后针对相应的路径 通过图15所示的步骤40至步骤47进行相应的圆角处理。

步骤40，获取目标圆角半径。

图标的路径不同，相应的目标圆角半径可以相同也可以不相同。图标的路径不同，相 应的目标圆角半径可以相同也可以不相同可以理解为主路径、内辅助路径、外辅助路径或 相交路径中至少一种路径对应的目标圆角半径相同，或者，主路径、内辅助路径、外辅助路径或相交路径中每种路径对应的目标圆角半径都不相同。示例性地，可以根据路径之间的位置关系，将图标中从外到内的路径的圆角半径依次减小设置。

步骤41，判断待处理的图标的拐角的角度是圆角还是夹角。

待处理的图标的拐角可以理解为待处理的图标的主路径的拐角、待处理的图标的内辅 助路径的拐角、待处理的图标的外辅助路径的拐角和/或待处理的图标的相交路径的拐角。

图标的拐角的角度可以为圆角或者尖角，尖角可以视为半径为0的圆角，调整圆角大 小可以改变图标的圆润程度。

在待处理的图标的拐角是圆角的情况下，执行步骤42至步骤47；在待处理的图标的 拐角是尖角的情况下，执行步骤44至步骤47。

步骤42，计算圆角在两端点的切线。

步骤43，计算两切线的交点，即为圆角对应的尖角的顶点。

步骤44，计算目标圆角端点。

步骤45，目标圆角的端点是否超出相应的线段。在目标圆角的端点未超出相应的线 段的情况下，执行步骤46；在目标圆角的端点超出相应的线段的情况下，执行步骤47。

步骤46，返回计算的目标圆角的端点。

步骤47，返回原始点。

下面将分别按照待处理的图标的拐角是圆角和待处理的图标的拐角是尖角这两种情 况，详细介绍步骤44至步骤47。

情况1，待处理的图标的拐角是圆角

做步骤42中获取的两条切线的角平分线，根据该圆角对应的尖角的角度和目标圆角 半径，计算尖角的顶点和圆心的距离，该圆心在角平分线上，并以目标半径画弧。该弧线与两条边有交点，则更改原始圆角端点；该弧线与两条边没有交点，则返回原始圆角端点，即该待处理的图标的拐角不能根据目标圆角半径进行圆角处理。

例如，如图16中的(a)所示，为本申请提供的对图标进行圆角处理的一例过程示意图。如图16中的(a)中从左到右的第一个图所示的图标424，目标圆角半径为8mm，该 图标424的拐角是圆角，该圆角的角度是90°，该圆角的半径为5mm，该圆角的两个端 点分别为A11和A12。如图16中的(a)中从左到右的第二个图所示，圆角在端点A11 和A12的切线分别为l1和l2，l1和l2的交点A1即为该圆角对应的尖角的顶点。做l1和 l2的角平分线l3，根据目标圆角半径(8mm)和尖角的角度(90°)，计算得到尖角的顶 点与圆心的距离为

则该在l3上取距离顶点/>

的点O1，该O1即为目标圆 角对应的圆心，以O1为圆心，以目标半径为8mm画弧，弧线与圆角的拐角的两条边的 交点分别为A11'和A12'，则A11'和A12'分别为目标圆角的端点。则如图16中的(a)中 从左到右的第三个图所示的虚线即为进行圆角处理后的图标424。

例如，如图16中的(b)所示，为本申请提供的对图标进行圆角处理的另一例过程示意图。如图16中的(b)中从左到右的第一个图所示的图标425，目标圆角半径为3mm， 该图标425的拐角是圆角，该圆角的角度是120°，该圆角的半径为8mm，该圆角的两个 端点分别为A21和A22。如图16中的(b)中从左到右的第二个图所示，圆角在端点A21 和A22的切线分别为l4和l5，l4和l5的交点A2即为该圆角对应的尖角的顶点。做l4和 l5的角平分线l6，根据目标圆角半径(3mm)和尖角的角度(60°)，计算得到尖角的顶 点与圆心的距离为6mm，则该在l3上取距离顶点6mm的点O2，该O2即为目标圆角对 应的圆心，以O2为圆心，以目标半径为3mm画弧，弧线与圆角的拐角的两条边的延长 线的交点分别为A21'和A22'，则A21'和A22'分别为目标圆角的端点。则如图16中的(b) 中从左到右的第三个图所示的虚线即为进行圆角处理后的图标425。

情况2，待处理的图标的拐角是尖角

a、计算尖角角度；b、确定圆心。做两条边的角平分线，根据目标半径和夹角角度，可计算得到两条边的交点与圆心的距离，从两条边的交点出发，在角平分线上取目标半径长度的点，该点即为圆心；c、计算圆心两边的投影：圆心向两边分别做垂线，该垂线与 相应的边的交点即为圆角的两个端点；d、判断端点超出线段，在端点超出线段的情况下， 返回原始顶点，即该待处理的图标的拐角不能根据目标圆角半径进行圆角处理；在端点未 超出线段的情况下，更改原始端点。

例如，如图16中的(c)所示，为本申请提供的对图标进行圆角处理的又一例过程示意图。如图16中的(c)中从左到右的第一个图所示的图标426，目标圆角半径为0mm， 该图标426的拐角是尖角，该尖角的顶点为A3，该尖角的角度是90°。如图16中的(c) 中从左到右的第二个图所示，做尖角的两条边(l7和l8)的角平分线l9，根据目标圆角半 径(5mm)和尖角的角度(90°)，计算得到尖角的顶点与圆心的距离为

则该 在l9上取距离顶点A3为

的点O3，过圆心O3分别向l7和l8做垂线，垂足分别 为A31和A32，则A31和A32即为目标圆角的两个端点。则如图16中的(c)中从左到 右的第三个图所示的虚线即为进行圆角处理后的图标426。

例如，如图16中的(d)所示，为本申请提供的对图标进行圆角处理的又一例过程示意图。如图16中的(d)中从左到右的第一个图所示的图标427，目标圆角半径为0mm， 该图标427的拐角是尖角，该尖角的顶点为A4，该尖角的角度是60°。如图16中的(d) 中从左到右的第二个图所示，做尖角的两条边(l10和l11)的角平分线l12，根据目标圆 角半径(5mm)和尖角的角度(60°)，计算得到尖角的顶点与圆心的距离为

则该在l12上取距离顶点A3为/>

的点O4，过圆心O4分别向l10和l11做垂线，垂 足分别为A41和A42，则A41和A42即为目标圆角的两个端点。则如图16中的(d)中 从左到右的第三个图所示的虚线即为进行圆角处理后的图标427。

上述图16中示出的圆角处理后的图标示出的是对四个圆角进行相同的目标圆角处理 的一例。本申请并不限定待处理的图标的圆角是否进行相同的目标圆角处理。

上述图16中只示出了图标中待处理的圆角相关的路径，图中的图标还可以包括其他 路径(图中未示出)，本申请对此并不作限定。

以上，结合图4至图16详细说明了本申请实施例提供的图标的样式风格的处理的方 法。以下，结合图17至图18详细说明本申请实施例提供的装置。应理解，装置实施例的描述与方法实施例的描述相互对应，因此，未详细描述的内容可以参见上文方法实施例，为了简洁，部分内容不再赘述。

图17示出了本申请实施例提供的图标的样式风格的处理的装置1700的结构示意图。 获取单元1710，用于获取N个图标，N是大于10的整数；转化单元1720，用于将每个图 标的组成元素转化为路径；标记单元1730，用于标记每个图标的所有路径的属性，其中， 所述路径的属性包括主路径和内辅助路径，或者，所述路径的属性包括所述主路径和外辅 助路径，或者，所述路径的属性包括所述主路径、所述内辅助路径和所述外辅助路径，所 述内辅助路径在所述主路径的内部，所述外辅助路径在所述主路径的外部，所述内辅助路 径在所述主路径的内部，所述外辅助路径在所述主路径的外部；所述获取单元1710，还 用于获取与所述路径的属性对应的目标参数，所述目标参数包括描边参数、填充色和/或 圆角半径；处理单元1740，用于根据所述路径的属性对应的目标参数，对所述N个图标 中每种属性的路径进行样式风格处理。

可选地，所述主路径是所有路径中长度最长的路径。

可选地，所述目标参数包括描边参数，所述处理单元1740还具体用于：根据所述主路径对应的描边参数，对所述N个图标的主路径进行描边；和/或，根据所述内辅助路径 对应的描边参数，对所述N个图标的内辅助路径进行描边；和/或，根据所述外辅助路径 对应的描边参数，对所述N个图标的外辅助路径进行描边。

可选地，所述路径的属性还包括相交路径，所述相交路径是一条路径与另一条路径至 少有一个公共点的路径，所述目标参数包括描边参数，所述处理单元1740还具体用于： 根据所述相交路径对应的描边粗细，对所述N个图标的相交路径进行描边。

可选地，所述处理单元1740还具体用于：所述路径的属性还包括闭合路径和开放路 径，所述闭合路径是所述路径的起点和所述路径的终点重合，所述开放路径是所述路径的 起点和所述路径的终点不重合；所述目标参数还包括填充色，所述处理单元1740还具体用于：判断所述N个图标的主路径是否是闭合路径，在所述主路径是闭合路径的情况下， 根据所述主路径对应的填充色，对所述主路径形成的区域进行填充；在所述主路径是开放 路径的情况下，根据所述主路径对应的填充色，对所述主路径进行描边。

可选地，所述处理单元1740还具体用于：判断所述N个图标的外辅助路径是否是闭合路径；在所述外辅助路径是闭合路径的情况下，根据所述外辅助路径对应的填充色，对所述外辅助路径形成的区域进行填充；在所述外辅助路径是开放路径的情况下，根据所述外辅助路径对应的填充色，对所述外辅助路径进行描边。

可选地，所述处理单元1740还具体用于：判断所述N个图标的内辅助路径是否是闭合路径；在所述内辅助路径是闭合路径的情况下，确定第一主内交集区域，所述第一主内交集区域是所述主路径形成的区域中所述主路径形成的区域和所述内辅助路径形成的区域的重合的区域；将所述主内交集区域设置为透明区域；根据所述内辅助路径对应的填充色，对所述主内交集区域进行填充；在所述内辅助路径是开放路径的情况下，对所述内辅助路径进行轮廓化描边，以得到闭合的内辅助路径；确定第二主内交集区域，所述第二主内交集区域是所述主路径形成的区域中所述主路径形成的区域和所述闭合的内辅助路径形成的区域的重合的区域；将所述第二主内交集区域设置为透明区域；根据所述内辅助路径对应的填充色，对所述第二主内交集区域进行填充。

可选地，所述目标参数还包括圆角半径，所述处理单元1740还具体用于：根据所述主路径对应的圆角半径，对所述N个图标的主路径进行圆角处理；和/或，根据所述内辅 助路径对应的圆角半径，对所述N个图标的内辅助路径进行圆角处理；和/或，根据所述 外辅助路径对应的圆角半径，对所述N个图标的外辅助路径进行圆角处理。

可选地，所述图标是可缩放的矢量图形SVG格式的图标或流式网络图像PNG格式的图标。

图18示出了本申请实施例提供的图标的样式风格的处理的装置1800。该装置可以包 括处理器1810。可选地，该装置还可以包括存储器1820。可选地，该装置还可以包括收发器1830。该收发器可以包括发送器和/或接收器。该处理器1810、收发器1830和存储 器1820通过内部连接通路互相通信。

图17中的处理单元1710所实现的相关功能可以由处理器1810来实现。

可选地，处理器1810可以是一个通用中央处理器(central processing unit，CPU)， 微处理器，特定应用集成电路(application-specific integrated circuit，ASIC)，专用处理器， 或一个或多个用于执行本申请实施例技术方案的集成电路。或者，处理器可以指一个或多 个设备、电路、和/或用于处理数据(例如计算机程序指令)的处理核。例如，中央处理 器可以执行软件程序，处理软件程序的数据。

可选地，该处理器1810可以包括是一个或多个处理器，例如包括一个或多个CPU，在处理器是一个CPU的情况下，该CPU可以是单核CPU，也可以是多核CPU。

该收发器1830用于发送和接收数据和/或信号，以及接收数据和/或信号。该收发器可 以包括发射器和接收器，发射器用于发送数据和/或信号，接收器用于接收数据和/或信号。 该收发器也可以是通信接口。

该存储器1820包括但不限于是随机存取存储器(random access memory，RAM)、只读存储器(read-only memory，ROM)、可擦除可编程存储器(erasable programmable readonly memory，EPROM)、只读光盘(compact disc read-only memory，CD-ROM)，该存 储器1820用于存储相关指令及数据。

存储器1820用于存储的程序代码和/或数据，可以为单独的器件或集成在处理器1810 中。

一种可能的方式中，所述处理器1810用于控制收发器与生物特征识别装置进行信息 传输。具体可参见方法实施例中的描述，在此不再赘述。

在具体实现中，作为一种实施例，装置1800还可以包括输出设备和输入设备。输出设备和处理器1810通信，可以以多种方式来显示信息。例如，输出设备可以是液晶显示 器(liquid crystal display，LCD)，发光二级管(light emitting diode，LED)显示设备，阴极射线管(cathode ray tube，CRT)显示设备，或投影仪(projector)等。输入设备和处理器1810通信，可以以多种方式接收用户的输入。例如，输入设备可以是鼠标、键盘、触 摸屏设备或传感设备等。

可以理解的是，图18仅仅示出了装置的简化设计。在实际应用中，该装置还可以分别包含必要的其他元件，包含但不限于任意数量的收发器、处理器、控制器、存储器等， 而所有可以实现本申请的终端都在本申请的保护范围之内。

在一种可能的设计中，本申请的图标的样式风格处理的装置可以是芯片，例如可以为 可用于电子设备中的芯片，用于实现处理器1810的相关功能。该芯片可以为实现相关功 能的现场可编程门阵列，专用集成芯片，系统芯片，中央处理器，网络处理器，数字信号处理电路，微控制器，还可以采用可编程控制器或其他集成芯片。该芯片中，可选的可以 包括一个或多个存储器，用于存储程序代码，当所述代码被执行时，使得处理器实现相应 的功能。

本申请实施例还提供了一种计算机可读存储介质，包括计算机程序，当其在计算机设 备上运行时，使得所述计算机设备中的处理单元执行上述图标的样式风格处理的方法。

本申请实施例还提供了一种计算机程序产品，当计算机程序产品在电子设备上运行 时，使得电子设备执行上述任一方面任一项可能的图标的样式风格处理的方法。应理解， 在本申请的各种实施例中，上述各过程的序号的大小并不意味着执行顺序的先后，各过程 的执行顺序应以其功能和内在逻辑确定，而不应对本申请实施例的实施过程构成任何限 定。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及 算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以 硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可 以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本 申请的范围。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装 置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通 过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显 示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的 部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络 单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各 个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储 在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现 有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机 软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计 算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而 前述的存储介质包括：U盘、移动硬盘、只读存储器(read-only memory，ROM)、随机存取存储器(random access memory，RAM)、磁碟或者光盘等各种可以存储程序代码的 介质。

以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟 悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖 在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。

Claims (21)

1.一种图标的样式风格处理的方法，其特征在于，包括：

获取N个图标，N是大于1的整数；

将每个图标的组成元素转化为路径；

标记每个图标的所有路径的属性，其中，所述路径的属性包括主路径和内辅助路径，或者，所述路径的属性包括所述主路径和外辅助路径，或者，所述路径的属性包括所述主路径、所述内辅助路径和所述外辅助路径，所述内辅助路径在所述主路径的内部，所述外辅助路径在所述主路径的外部；

获取与所述路径的属性对应的目标参数，所述目标参数包括描边参数、填充色和/或圆角半径；

根据所述路径的属性对应的目标参数，对所述N个图标中每种属性的路径进行样式风格处理。

2.根据权利要求1所述的方法，其特征在于，所述主路径是所有路径中长度最长的路径。

3.根据权利要求1所述的方法，其特征在于，所述目标参数包括描边参数，所述根据所述路径的属性对应的目标参数，对所述N个图标中每种属性的路径进行样式风格处理包括：

根据所述主路径对应的描边参数，对所述N个图标的主路径进行描边；和/或，

根据所述内辅助路径对应的描边参数，对所述N个图标的内辅助路径进行描边；和/或，

根据所述外辅助路径对应的描边参数，对所述N个图标的外辅助路径进行描边。

4.根据权利要求3所述的方法，其特征在于，所述路径的属性还包括相交路径，所述相交路径是一条路径与另一条路径至少有一个公共点的路径；

所述根据所述路径的属性对应的目标参数，对所述N个图标中每种属性的路径进行样式风格处理还包括：

根据所述相交路径对应的描边参数，对所述N个图标的相交路径进行描边。

5.根据权利要求1所述的方法，其特征在于，所述路径的属性还包括闭合路径和开放路径，所述闭合路径是所述路径的起点和所述路径的终点重合，所述开放路径是所述路径的起点和所述路径的终点不重合；

所述目标参数还包括填充色，所述根据所述路径的属性对应的目标参数，对所述N个图标中每种属性的路径进行样式风格处理包括：

判断所述N个图标的主路径是否是闭合路径；

在所述主路径是闭合路径的情况下，根据所述主路径对应的填充色，对所述主路径形成的区域进行填充；

在所述主路径是开放路径的情况下，根据所述主路径对应的填充色，对所述主路径进行描边。

6.根据权利要求5所述的方法，其特征在于，所述根据所述路径的属性对应的目标参数，对所述N个图标中每种属性的路径进行样式风格处理还包括：

判断所述N个图标的外辅助路径是否是闭合路径；

在所述外辅助路径是闭合路径的情况下，根据所述外辅助路径对应的填充色，对所述外辅助路径形成的区域进行填充；

在所述外辅助路径是开放路径的情况下，根据所述外辅助路径对应的填充色，对所述外辅助路径进行描边。

7.根据权利要求5所述的方法，其特征在于，所述根据所述路径的属性对应的目标参数，对所述N个图标中每种属性的路径进行样式风格处理还包括：

判断所述N个图标的内辅助路径是否是闭合路径；

在所述内辅助路径是闭合路径的情况下，

确定第一主内交集区域，所述第一主内交集区域是所述主路径形成的区域中所述主路径形成的区域与所述内辅助路径形成的区域的重合的区域；

将所述主内交集区域设置为透明区域；

根据所述内辅助路径对应的填充色，对所述主内交集区域进行填充；

在所述内辅助路径是开放路径的情况下，

对所述内辅助路径进行轮廓化描边，以得到闭合的内辅助路径；

确定第二主内交集区域，所述第二主内交集区域是所述主路径形成的区域和所述闭合的内辅助路径形成的区域的重合的区域；

将所述第二主内交集区域设置为透明区域；

根据所述内辅助路径对应的填充色，对所述第二主内交集区域进行填充。

8.根据权利要求1所述的方法，其特征在于，所述目标参数还包括圆角半径，所述根据所述路径的属性对应的目标参数，对所述N个图标中每种属性的路径进行样式风格处理包括：

根据所述主路径对应的圆角半径，对所述N个图标的主路径进行圆角处理；和/或，

根据所述内辅助路径对应的圆角半径，对所述N个图标的内辅助路径进行圆角处理；和/或，

根据所述外辅助路径对应的圆角半径，对所述N个图标的外辅助路径进行圆角处理。

9.根据权利要求1至8中任一项所述的方法，其特征在于，所述图标是可缩放的矢量图形SVG格式的图标或流式网络图像PNG格式的图标。

10.一种图标的样式风格处理的装置，其特征在于，包括：

获取单元，用于获取N个图标，N是大于1的整数；

转化单元，用于将每个图标的组成元素转化为路径；

标记单元，用于标记每个图标的所有路径的属性，其中，所述路径的属性包括主路径和内辅助路径，或者，所述路径的属性包括所述主路径和外辅助路径，或者，所述路径的属性包括所述主路径、所述内辅助路径和所述外辅助路径，所述内辅助路径在所述主路径的内部，所述外辅助路径在所述主路径的外部；

所述获取单元，还用于获取与所述路径的属性对应的目标参数，所述目标参数包括描边参数、填充色和/或圆角半径；

处理单元，用于根据所述路径的属性对应的目标参数，对所述N个图标中每种属性的路径进行样式风格处理。

11.根据权利要求10所述的装置，其特征在于，所述主路径是所有路径中长度最长的路径。

12.根据权利要求10所述的装置，其特征在于，所述目标参数包括描边参数，所述处理单元还具体用于：

根据所述主路径对应的描边参数，对所述N个图标的主路径进行描边；和/或，

根据所述内辅助路径对应的描边参数，对所述N个图标的内辅助路径进行描边；和/或，

根据所述外辅助路径对应的描边参数，对所述N个图标的外辅助路径进行描边。

13.根据权利要求12所述的装置，其特征在于，所述路径的属性还包括相交路径，所述相交路径是一条路径与另一条路径至少有一个公共点的路径;

所述处理单元还具体用于：

根据所述相交路径对应的描边参数，对所述N个图标的相交路径进行描边。

14.根据权利要求10所述的装置，其特征在于，所述路径的属性还包括闭合路径和开放路径，所述闭合路径是所述路径的起点和所述路径的终点重合，所述开放路径是所述路径的起点和所述路径的终点不重合；

所述目标参数还包括填充色，所述处理单元还具体用于：

判断所述N个图标的主路径是否是闭合路径；

在所述主路径是闭合路径的情况下，根据所述主路径对应的填充色，对所述主路径形成的区域进行填充；

在所述主路径是开放路径的情况下，根据所述主路径对应的填充色，对所述主路径进行描边。

15.根据权利要求14所述的装置，其特征在于，所述处理单元还具体用于：

判断所述N个图标的外辅助路径是否是闭合路径；

在所述外辅助路径是闭合路径的情况下，根据所述外辅助路径对应的填充色，对所述外辅助路径形成的区域进行填充；

在所述外辅助路径是开放路径的情况下，根据所述外辅助路径对应的填充色，对所述外辅助路径进行描边。

16.根据权利要求14所述的装置，其特征在于，所述处理单元还具体用于：

判断所述N个图标的内辅助路径是否是闭合路径；

在所述内辅助路径是闭合路径的情况下，

确定第一主内交集区域，所述第一主内交集区域是所述主路径形成的区域中所述主路径形成的区域中所述主路径形成的区域和所述内辅助路径形成的区域的重合的区域；

将所述主内交集区域设置为透明区域；

根据所述内辅助路径对应的填充色，对所述主内交集区域进行填充；

在所述内辅助路径是开放路径的情况下，

对所述内辅助路径进行轮廓化描边，以得到闭合的内辅助路径；

确定第二主内交集区域，所述第二主内交集区域是所述主路径形成的区域中所述主路径形成的区域中所述主路径形成的区域和所述闭合的内辅助路径形成的区域的重合的区域；

将所述第二主内交集区域设置为透明区域；

根据所述内辅助路径对应的填充色，对所述第二主内交集区域进行填充。

17.根据权利要求10所述的装置，其特征在于，所述目标参数还包括圆角半径，所述处理单元还具体用于：

根据所述主路径对应的圆角半径，对所述N个图标的主路径进行圆角处理；和/或，

根据所述内辅助路径对应的圆角半径，对所述N个图标的内辅助路径进行圆角处理；和/或，

根据所述外辅助路径对应的圆角半径，对所述N个图标的外辅助路径进行圆角处理。

18.根据权利要求10至17中任一项所述的装置，其特征在于，所述图标是可缩放的矢量图形SVG格式的图标或流式网络图像PNG格式的图标。

19.一种图标的样式风格处理装置，其特征在于，所述图标的样式风格处理装置包括：至少一个处理器，当程序指令在所述至少一个处理器中执行时，使得所述样式风格处理装置执行如权利要求1至9中任一项所述的方法。

20.一种计算机可读存储介质，其特征在于，包括计算机程序，当其在计算机设备上运行时，使得所述计算机设备中的处理单元执行如权利要求1至9中任一项所述的方法。

21.一种芯片，其特征在于，所述芯片包括存储器和处理器，所述存储器用于存储计算机指令，所述处理器用于执行所述存储器中存储的计算机指令，以执行如权利要求1至9中任一项所述的方法。

Images