一种图片处理方法、装置、计算机设备及存储介质与流程

1.本公开涉及计算机技术领域，尤其是涉及一种图片处理方法、装置、计算机设备及存储介质。


背景技术：

2.在程序界面中经常需要针对不同的状态显示不同的图片，因为图片的内容在创建时已经固定，如果要针对不同的状态显示不同样式的图片，需要事先提供多张图片，再根据状态显示不同的图片。以在软件界面上显示一个阀门为例，阀门有开和关两种状态，两种状态显示的内容大部分相同，仅阀门部分不同，现有方案一般是提供阀门开和关两个状态下的图片，再根据当前阀门的状态，对两张图片进行切换显示。
3.因此，现阶段针对不同的状态，需要提供多张图片进行切换，而这些图片的相似度较高，而计算机读取时也需要读取多张图片进行切换，如果通过网络传输还涉及到额外的网络流量和延迟，这样造成多次提供成本高，且实现复杂。


技术实现要素：

4.鉴于现有技术中的问题，本公开的目的在于提供一种图片操作方法和装置，实现一张图片满足不同状态的显示需求。
5.为了达到上述目的，本公开提供一种图片操作装置，包括指令接收模块、接口描述解析模块和图片修改模块；
6.指令接收模块：用于接收外部指令，并将外部指令输入给所述接口描述解析模块；
7.接口描述解析模块：用于根据所述外部指令对接口描述进行解析，获取接口操作内容，并将所述接口操作内容输入给所述图片修改模块；
8.图片修改模块：用于根据所述接口操作内容，对图片进行修改，并且输出修改后的图片。
9.作为可选的方案，所述接口描述包括至少一个接口列表，所述接口列表包括接口标识和与所述接口标识相对应的至少一个操作列表，所述操作列表包括操作元素和操作属性。
10.作为可选的方案，所述接口操作内容包括：接口标识以及与其相对应的操作元素和操作属性，所述接口标识与外部指令相对应。
11.为解决上述技术问题，本公开还提供一种图片处理方法，该方法包括：
12.接收外部指令，并将外部指令输入给接口描述解析模块；
13.根据外部指令解析接口描述，获取接口操作内容，并将接口操作内容输入给图片修改模块；
14.图片修改模块根据接口操作内容，对图片进行修改，修改后的图片作为外部指令相对应的输出图片。
15.作为可选的方案，所述根据外部指令解析接口描述，获取接口操作内容，包括：
16.根据所述外部指令获取外部指令的接口标识；
17.将外部指令获取的接口标识与接口描述中的接口列表中的接口标识进行比对，当两者一致时，获取接口操作内容。
18.为解决上述技术问题，本公开还提供一种存储介质，其上包括可执行指令，当可执行指令被执行时，使得计算机执行如权利要求4-5中任一所述的图片处理方法。
19.为解决上述技术问题，本公开还提供一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述处理器执行如权利要求4-5中任一项权利要求所述图片处理方法。
20.综上所述，本公开具有如下有益效果：
21.本公开通过提供一种图片处理方法、装置、计算机设备及存储介质，通过接口描述提供图片可操作的接口操作内容，通过图片修改模块对图片进行修改，输出符合外部指令要求的图片，避免重复创建多张类似图片，减少图片加载量，节省网络开销，提高响应速度。
附图说明
22.为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
23.图1为本公开实施例中图片操作装置的基本结构示意图；
24.图2为本公开实施例中图片操作方法的基本流程示意图。
具体实施方式
25.为了使本技术领域的人员更好地理解本公开方案，下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述。
26.在本公开的说明书和权利要求书及上述附图中的描述的一些流程中，包含了按照特定顺序出现的多个操作，但是应该清楚了解，这些操作可以不按照其在本文中出现的顺序来执行或并行执行，操作的序号如s1、s3等，仅仅是用于区分开各个不同的操作，序号本身不代表任何的执行顺序。另外，这些流程可以包括更多或更少的操作，并且这些操作可以按顺序执行或并行执行。需要说明的是，本文中的“第一”、“第二”等描述，是用于区分不同的消息、设备、模块等，不代表先后顺序，也不限定“第一”和“第二”是不同的类型。
27.下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
28.具体请参阅图1，一种图片处理装置，包括：指令接收模块1、接口描述解析模块2和图片修改模块3；
29.指令接收模块1：用于接收外部指令，并将外部指令输入给接口描述解析模块2；
30.接口描述解析模块2：根据外部指令对接口描述进行解析，获取接口操作内容，并将接口操作内容输入给图片修改模块3；
31.图片修改模块3：根据接口操作内容，对图片进行修改，并且输出修改后的图片。
32.接口描述包括至少一个接口列表，接口列表包括接口标识和与接口标识相对应的至少一个操作列表，操作列表包括操作元素和操作属性。
33.接口操作内容包括：接口标识以及与其相对应的操作元素和操作属性，接口标识与外部指令相对应。
34.图片为xml格式或者jpeg，png，gif等格式，当然对其它类型图片，通过修改接口描述和图片修改模块3，也可以实现图片修改。根据需要，接口描述文件可以单独存在也可以放在文件里。如svg图片可以将接口描述放在文件的defs标签里；对于不支持将接口描述嵌入的图片格式，也可以单独存储。
35.如图2所示，本实施例还提供图片处理方法，具体包括：
36.s1:指令接收模块1接收外部指令，并将外部指令输入给接口描述解析模块2；
37.s2:描述解析模块2根据外部指令解析接口描述，获取接口操作内容，并将接口操作内容输入给图片修改模块3；
38.s3:图片修改模块3根据接口操作内容，对图片进行修改，修改后的图片作为外部指令相对应的输出图片。
39.具体的根据外部指令解析接口描述，获取接口操作内容，包括：
40.根据外部指令获取外部指令的接口标识；
41.将外部指令获取的接口标识与接口描述中的接口列表中的接口标识进行比对，当两者一致时，获取接口操作内容。
42.通过指令接收模块1接收到外部指令，通过接口描述提供图片可操作的接口操作内容，接口描述解析模块2根据外部指令对接口描述进行解析，获取接口操作内容，接口操作内容为具体的操作，接口操作内容包括操作元素和操作属性，操作元素和操作属性为与接口标识相对应的具体的操作，图片修改模块3通过具体的操作指令，对图片进行修改，并且将修改后的图片作为外部指令相对应的图片进行输出，完成整个图片根据外部指令的响应。
43.具体的，以svg格式的图片为例，svg格式的图片是xml格式的文本，接口描述和图片修改模块3实现起来比较简单，这里以svg图片为例进行说明，但本方案并不局限于svg格式。
44.假设一个阀门关闭状态的svg图片内容描述如下：
45.阀门关闭状态下图片内容整体为灰色，即gray。阀门开启状态的图片，设定为图片中圆形部分，即id为circle1的circle元素为红色，需要添加属性fill＝"red"：
46.《circle id＝"circle1"cx＝"60.31"cy＝"121.61"r＝"39.81"stroke＝"#231815"stroke-miterlimit＝"10"stroke-width＝"2"fill＝"red"》《/circle》
47.此时，接口描述示例可以包括如下所示网页的源文件：
[0048][0049]
其中：
[0050]
接口描述包括至少一个接口列表，上面接口描述示例中interfaces为接口列表，一个图片可以提供多个具体接口，即interfaces可有多个interface子元素，即interface为具体接口，接口列表包括接口标识(即interface name)和与接口标识相对应的至少一个操作列表(即actions)，操作列表(即actions)包括操作元素(即selector)和操作属性(即value)。
[0051]
接口操作内容包括：接口标识以及与其相对应的操作元素和操作属性，接口标识与外部指令相对应。
[0052]
本实施例中，针对不同的状态，只需要提供一张图片即可，当需要提供其他状态的图片时，其他状态的具体状态即为外部指令，输入该外部指令，指令接收模块1接收，并输入给接口描述解析模块2，接口描述解析模块2对解析接口描述，并且获取具体的接口操作内容，并且将该具体的接口操作内容输入给图片修改模块3，图片修改模块3按照接口操作内容对图片进行修改后，输出与该外部指令相对应的图片，该过程中只需提供一张图片即可满足不同状态的图片需求，避免重复创建多张类似图片，避免多张图片的相互切换，减少图片加载量，节省网络开销，提高网页的响应速度。
[0053]
本公开还提供一种存储有计算机可读指令的存储介质，计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行上述任一实施例图片处理方法的步骤。
[0054]
为解决上述技术问题，本公开实施例还提供计算机设备。该计算机设备包括通过系统总线连接的处理器、非易失性存储介质、存储器和网络接口。其中，该计算机设备的非易失性存储介质存储有操作系统、数据库和计算机可读指令，数据库中可存储有控件信息序列，该计算机可读指令被处理器执行时，可使得处理器实现一种图片处理方法。该计算机设备的处理器用于提供计算和控制能力，支撑整个计算机设备的运行。该计算机设备的存储器中可存储有计算机可读指令，该计算机可读指令被处理器执行时，可使得处理器执行一种一种图片处理方法。该计算机设备的网络接口用于与终端连接通信。
[0055]
应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻
执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。