阅读说明：本技术 图像处理的方法及装置、终端和存储介质 (Image processing method and device, terminal and storage medium ) 是由 张平 宗宇 齐奉飞 金磊 于 2020-07-29 设计创作，主要内容包括：本公开提供图像处理的方法及装置、终端和存储介质。图像处理的方法包括：获取可缩放矢量图形源文件；将所述可缩放矢量图形源文件处理成静态抽象语法树；其中,所述静态抽象语法树包括若干节点；遍历所述若干节点,得到每个所述若干节点对应的属性；获取属性列表,根据所述属性列表将所述属性处理为动态属性,以使所述静态抽象语法树变为动态抽象语法树；及将所述动态抽象语法树生成以所述动态属性为参数的函数文件。本公开的图像处理方法能够在只加载一个文件的情况下切换呈现多种图像效果。(The present disclosure provides a method and apparatus for image processing, a terminal, and a storage medium. The image processing method comprises the following steps: obtaining a scalable vector graphics source file; processing the scalable vector graphics source file into a static abstract syntax tree; wherein the static abstract syntax tree comprises a plurality of nodes; traversing the plurality of nodes to obtain attributes corresponding to each of the plurality of nodes; acquiring an attribute list, and processing the attribute into a dynamic attribute according to the attribute list so as to change the static abstract syntax tree into a dynamic abstract syntax tree; and generating the dynamic abstract syntax tree into a function file with the dynamic attribute as a parameter. The image processing method disclosed by the invention can be used for switching and presenting multiple image effects under the condition of only loading one file.)

图像处理的方法及装置、终端和存储介质

技术领域

本公开涉及计算机技术领域，尤其涉及一种图像的方法及装置、终端和存储介质。

背景技术

目前，可缩放矢量图形文件的图标或图片的处理方案都只是单一颜色的切换，切换的逻辑是通过层叠样式表属性覆盖，且同一图标或图片只能进行一种颜色转换。另外对于同一图标或者图片的不同主题，现有方案采用枚举不同可缩放矢量图形文件的方式实现，需要大量的数据，也会占用大量空间。

发明内容

为解决现有问题，本公开提供一种图像处理的方法及装置、终端和存储介质。

本公开采用以下的技术方案。

在一些实施例中，本公开提供一种图像处理的方法，包括：

获取可缩放矢量图形源文件；

将所述可缩放矢量图形源文件处理成静态抽象语法树；其中，所述静态抽象语法树包括若干节点；

遍历所述若干节点，得到每个所述若干节点对应的属性；

获取属性列表，根据所述属性列表将所述属性处理为动态属性，以使所述静态抽象语法树变为动态抽象语法树；及

将所述动态抽象语法树生成以所述动态属性为参数的函数文件。

在一些实施例中，本公开提供一种图像处理的装置，包括：

获取模块，用于获取可缩放矢量图形源文件和属性列表；

处理模块，用于将所述可缩放矢量图形源文件处理成静态抽象语法树、根据所述属性列表将所述属性处理为动态属性，以使所述静态抽象语法树变为动态抽象语法树；

遍历模块，用于遍历所述若干节点；及

生成模块，用于将所述动态抽象语法树生成以所述动态属性为参数的函数文件。

在一些实施例中，本公开提供一种终端，包括：至少一个存储器和至少一个处理器；

其中，所述至少一个存储器用于存储程序代码，所述至少一个处理器用于调用所述至少一个存储器所存储的程序代码执行上述的方法。

在一些实施例中，本公开提供一种存储介质，所述存储介质用于存储程序代码，所述程序代码用于执行上述的方法。

本公开提供的图像处理方法能够通过抽象语法树改变图像属性，针对属性的位置信息的不同设置对应的动态配置机制，以及通过单一文件变换不同的主题样式。

附图说明

结合附图并参考以下

具体实施方式

，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，元件和元素不一定按照比例绘制。

图1是本公开实施例的图像处理方法的流程图。

图2是本公开实施例的图标/图像的颜色变换示意图。

图3是本公开实施例的图标/图像的边框变换示意图。

图4是本公开实施例的图标/图像的端点变换示意图。

图5是本公开实施例的图像处理装置的结构示意图。

图6是本公开实施例的电子设备的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。

应当理解，本公开的方法实施方式中记载的各个步骤可以按和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。

本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。

需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。

需要注意，本公开中提及的“一个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。

以下将结合附图，对本申请实施例提供的方案进行详细描述。

如图1所示，图1是本公开实施例的图像处理方法的流程图，包括如下步骤。

S100，获取可缩放矢量图形源文件。

具体地，可缩放矢量图形是一种基于可扩展标记语言，用于描述二维矢量图形的图形格式，是一个开放标准。可缩放矢量图形严格遵从可扩展标记语言的语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。在本公开实施例中，可缩放矢量图形源文件可从开源库中获得。可以理解，本公开实施例的可缩放矢量图形源文件的来源可不限于上述开源库。

S200，将所述可缩放矢量图形源文件处理成静态抽象语法树；其中，所述静态抽象语法树包括若干节点。

具体地，本公开实施例可将可扩展标记语言形式的可缩放矢量图形源文件加载成对应的JavaScript对象简谱格式的数据；及过滤所述数据，生成所述静态抽象语法树。其中，JavaScript对象简谱是一种轻量级的数据交换格式，采用完全独立于编程语言的文本格式来储存和表示数据。在计算机科学中，抽象语法树是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。之所以说语法是“抽象”的，是因为这里的语法并不会表示出真实语法中出现的每个细节。树状结构是一种常用的信息表现形式，它可以直观地显示出一组信息的层次结构。在源代码的翻译和编译过程中，一般通过语法分析器创建出抽象语法树。语法分析器通常是作为编译器或解释器的组件出现的，它的作用是进行语法检查、并构建由输入的单词组成的数据结构。

S300，遍历所述若干节点，得到每个所述若干节点对应的属性。

其中，属性可包括描边属性、颜色属性和位置属性。具体在本公开实施例中，如图2所示，图2是本公开实施例的图标/图像的颜色变换示意图。在图2中，所示图像/图标可分为三部分：背景图层、位于背景图层之上的图块1和图块2。其中，图块1可包括位置属性1、颜色属性1和边框属性1；图块2可包括位置属性2、颜色属性2和边框属性2；背景图层可包括颜色属性3和边框属性3。具体在本公开实施例中，位置属性例如可以是图块在在背景图层上对应的显示参数，其可以包括图块的坐标信息和大小信息，具体可包括图块左上角的第一个像素在背景图层上的X坐标、图块左上角的第一个像素在背景图层上的Y坐标、图块的长度和宽度等。这样即可根据上述四个显示参数在背景图层上确定的坐标信息和大小对图块进行定位。图块可以由显示起始坐标和长度及宽度来表示，设定图块的限定区域。虽然图2所示图块为规则形状，但是本实施例的任何图像、图标或图块既可以是矩形、菱形等规则形状，也可以包括例如通过边界识别出的不规则形状等。此外，本公开实施例对于图块的数量也不设置限定，任何多于或少于如图2所示的两个图块的情形也应包括在本公开的范围内。

S400，获取属性列表，根据所述属性列表将所述属性处理为动态属性，以使所述静态抽象语法树变为动态抽象语法树。

其中，属性列表可包括边框列表、颜色列表和位置列表。所述边框列表包括对应所述描边属性的若干边框值；所述颜色列表包括对应所述颜色属性的若干颜色值；所述位置列表包括对应所述位置属性的若干位置值。具体地，边框值例如可以包括不同线宽的数值和不同端点的数值；颜色值例如可以包括不同色度值和亮度值；端点数值例如可包括不同类型的端点数值例如圆角和直角等。上述属性列表中的具体数值可以作为呈现对应动态效果的参数。例如，本公开实施例可获取所述颜色列表中的颜色值；及分别将所述颜色值与所述颜色属性相匹配；如所述颜色值中的一个颜色值与所述颜色属性中的一个颜色属性相同，则将所述颜色属性处理为所述动态属性。此外，本公开实施例中的处理顺序可为进入所述若干节点中的一个节点；根据所述属性列表，顺序地将所述一个节点对应的属性处理为动态属性；倒序地退出所述动态属性；及封闭所述一个节点，并进入所述一个节点的下一节点。下一个节点循环上述过程，直到遍历所有节点。

S500，将所述动态抽象语法树生成以所述动态属性为参数的函数文件。

具体地，本公开实施例可通过生成器，将所述动态抽象语法树根据不同的所述参数生成为对应的函数文件。更具体地，上述位置属性可用于定位不同的图块；标号不同的颜色属性和边框属性所对应的属性值可设置为相同、不同、或部分相同。请参见图3，图3是本公开实施例的图标/图像的边框变换示意图。在图3中，可根据变换参数获得不同颜色组合的效果。例如，图块1可对应颜色1，图块2可对应颜色2，背景图层可对应颜色3。其中，颜色1、颜色2和颜色3可以相同、不同或部分相同。又例如，图块1的边框可为线宽1端点1，图块2可为线宽2端点2，背景图层可为线宽3端点3。虽然图3所示图块1、图块2和背景图层的线宽一致，但其仅为其中一种示例，在其它示例中，线宽1、线宽2和线宽3为既可一致也可不同。端点部分的实施例可参见图4，图4是本公开实施例的图标/图像的端点变换示意图。同理，虽然图4所示端点部分都为圆角，但是不同端点属性可相同、可不同，也可部分相同。特别地，如存在重合的端点，如图4所示的图块1与背景图层的右上角部分，其端点值优选为一致，由此可获得重叠的效果。同上所述，图3和图4虽然以背景图层上包括两个图块为例，但在本公开其它实施例中，图块的数量也可以为更多或更少。

本公开实施例提出的方法可通过抽象语法树改变图像属性，针对属性对应的信息不同设置对应的动态处理机制，以及通过单一文件变换不同样式主题，而无需加载大量文件即可实现。

如图5所示，本公开实施例还提供一种图像处理的装置10，可包括获取模块30、处理模块50、遍历模块70和生成模块90。其中，获取模块30可用于获取可缩放矢量图形源文件和属性列表。处理模块50可用于将所述可缩放矢量图形源文件处理成静态抽象语法树、根据所述属性列表将所述属性处理为动态属性，以使所述静态抽象语法树变为动态抽象语法树。遍历模块70可用于遍历所述若干节点。生成模块90可用于将所述动态抽象语法树生成以所述动态属性为参数的函数文件。此外，本公开实施例还可包括加载模块(图未示)，可用于将可扩展标记语言形式的可缩放矢量图形源文件加载成对应的JavaScript对象简谱格式的数据。

对于装置的实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离模块说明的模块可以是或者也可以不是分开的。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

以上，基于实施例和应用例说明了本公开的图像处理与搜索方法及装置。此外，本公开还提供一种终端及存储介质，以下说明这些终端和存储介质。

下面参考图6，其示出了适于用来实现本公开实施例的电子设备(例如终端设备或服务器)800的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图6所示，电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801，其可以根据存储在只读存储器(ROM)802中的程序或者从存储装置808加载到随机访问存储器(RAM)803中的程序而执行各种适当的动作和处理。在RAM803中，还存储有电子设备800操作所需的各种程序和数据。处理装置801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。

通常，以下装置可以连接至I/O接口805：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置807；包括例如磁带、硬盘等的存储装置808；以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备800，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置809从网络上被下载和安装，或者从存储装置808被安装，或者从ROM 802被安装。在该计算机程序被处理装置801执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

在一些实施方式中，客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备执行上述的本公开的方法。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定。

本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

根据本公开的一个或多个实施例，提供了一种图像处理的方法，包括：

获取可缩放矢量图形源文件；

将所述可缩放矢量图形源文件处理成静态抽象语法树；其中，所述静态抽象语法树包括若干节点；

遍历所述若干节点，得到每个所述若干节点对应的属性；

获取属性列表，根据所述属性列表将所述属性处理为动态属性，以使所述静态抽象语法树变为动态抽象语法树；及

将所述动态抽象语法树生成以所述动态属性为参数的函数文件。

根据本公开的一个或多个实施例，提供了一种方法，其特征在于，所述将所述可缩放矢量图形源文件处理成静态抽象语法树的步骤包括：

将可扩展标记语言形式的可缩放矢量图形源文件加载成对应的JavaScript对象简谱格式的数据；及

过滤所述数据，生成所述静态抽象语法树。

根据本公开的一个或多个实施例，提供了一种方法，其特征在于，所述属性包括描边属性、颜色属性和位置属性，所述属性列表包括边框列表、颜色列表和位置列表。

根据本公开的一个或多个实施例，提供了一种方法，其特征在于，所述边框列表包括对应所述描边属性的若干边框值；所述颜色列表包括对应所述颜色属性的若干颜色值；所述位置列表包括对应所述位置属性的若干位置值。

根据本公开的一个或多个实施例，提供了一种方法，其特征在于，所述根据所述属性列表将所述属性处理为动态属性的步骤包括：

获取所述颜色列表中的颜色值；及

分别将所述颜色值与所述颜色属性相匹配；如所述颜色值中的一个颜色值与所述颜色属性中的一个颜色属性相同，则将所述颜色属性处理为所述动态属性。

根据本公开的一个或多个实施例，提供了一种方法，其特征在于，所述根据所述属性列表将所述属性处理为动态属性的步骤还包括：

进入所述若干节点中的一个节点；

根据所述属性列表，顺序地将所述一个节点对应的属性处理为动态属性；倒序地退出所述动态属性；及

封闭所述一个节点，并进入所述一个节点的下一节点。

根据本公开的一个或多个实施例，提供了一种方法，其特征在于，所述将所述动态抽象语法树生成为函数文件的步骤还包括：

通过生成器，将所述动态抽象语法树根据不同的所述参数生成为对应的函数文件。

根据本公开的一个或多个实施例，提供了一种图像处理的装置，包括：

获取模块，用于获取可缩放矢量图形源文件和属性列表；

处理模块，用于将所述可缩放矢量图形源文件处理成静态抽象语法树、根据所述属性列表将所述属性处理为动态属性，以使所述静态抽象语法树变为动态抽象语法树；

遍历模块，用于遍历所述若干节点；及

生成模块，用于将所述动态抽象语法树生成以所述动态属性为参数的函数文件。

根据本公开的一个或多个实施例，提供了一种终端，包括：至少一个存储器和至少一个处理器；

其中，所述至少一个存储器用于存储程序代码，所述至少一个处理器用于调用所述至少一个存储器所存储的程序代码执行上述中任一项所述的方法。

根据本公开的一个或多个实施例，提供了一种存储介质，所述存储介质用于存储程序代码，所述程序代码用于执行上述的方法。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。