CN113542872A - 一种图像处理方法、装置及电子设备 - Google Patents

Abstract

本申请提供了一种图像处理方法、装置及电子设备，由于本申请构建的视图配置文件定义了视图是由，一个支持图像显示、图像处理以及触发该图像处理的操作检测等多个预设功能的图层构成，基于此，电子设备响应图像处理事件，获取待处理图像，基于加载的该视图配置文件创建视图，将在该视图的一个图层上显示待处理图像，方便用户对待处理图像进行编辑处理，电子设备响应针对该待处理图像的输入操作过程中，基于本申请视图的图层布局结构，无需考虑多个图层各自的图层坐标系之间的坐标差异，以及各图层坐标系不同步对处理结果准确性的不利影响，极大提高了图像处理的效率和准确性，且便于后期维护和功能扩展。

Description

一种图像处理方法、装置及电子设备

技术领域

本申请主要涉及计算机技术领域，更具体地说是涉及一种图像处理方法、装置及电子设备。

背景技术

随着计算机技术的发展以及用户对电子设备使用需求的多样化，电子设备的功能也越来越智能化，方便用户使用。例如，用户观看电子设备显示屏的显示内容过程中，希望保存或分享某些显示内容，可以使用电子设备的截屏功能，将显示内容保存为待处理图像，根据实际需求，对该待处理图像进行编辑处理，如调整截屏区域大小、对特定内容进行马赛克处理、添加特定内容等，满足实际需求。

其中，对于截取到的待处理图像，通常是通过布局的三层视图(view)进行展示和处理，如图1所示的三层视图的布局方式示意图，在待处理图像所在的图像视图(TouchImage View)层上，依次叠放有绘制视图(Drawable View)层和编辑视图(Capture View)层，这样，从而基于这三个视图层形成的布局结构，响应图像编辑指令，得到目标图像。

然而，由于这三个视图层响应图像编辑指令的过程是相互独立的，导致获取目标图像的计算量往往呈指数增长，资源消耗巨大，会降低电子设备的性能，且容易出现过度绘制，极大降低了绘制所得目标图像的可靠性及准确性。

发明内容

有鉴于此，为了解决上述技术问题，本申请提供了以下技术方案：

一方面，本申请提出了一种图像处理方法，所述方法包括：

响应图像处理事件，获取待处理图像，并加载视图配置文件；其中，所述视图配置文件包括一个图层支持实现多个预设功能的配置信息，所述多个预设功能包括图像显示、图像处理以及触发所述图像处理的操作检测；

基于所述视图配置文件创建视图，在所述视图上显示所述待处理图像；

检测到针对所述待处理图像的输入操作，基于所述配置信息响应所述输入操作，得到目标图像。

可选的，所述基于所述视图配置文件创建视图，包括：

基于所述视图配置文件，构建支持实现所述多个预设功能的所述图层；

在所述图层上加载所述待处理图像，以使所述待处理图像显示在所述图层上；

创建包含一个所述图层的视图。

可选的，所述检测到针对所述待处理图像的输入操作，基于所述配置信息响应所述输入操作，得到目标图像，包括：

检测到针对所述待处理图像的输入操作，基于所述图层上显示的所述待处理图像，构建基准坐标系；

响应所述输入操作，依据所述基准坐标系，对所述图层上显示的所述待处理图像进行处理，得到所述视图显示的目标图像。

可选的，所述依据所述基准坐标系，对所述图层上显示的所述待处理图像进行处理，得到所述视图显示的目标图像，包括：

获取所述输入操作在所述基准坐标系下，对所述图层上显示的所述待处理图像的图像处理信息；所述图像处理信息包括图像位置变化数据；

利用所述图像处理信息，对所述图层上显示的所述待处理图像进行处理，得到所述视图的显示区域显示的目标图像。

可选的，所述利用所述图像处理信息，对所述图层上显示的所述待处理图像进行处理，得到所述视图的显示区域显示的目标图像，包括：

依据所述图像位置变化数据，对所述图层上显示的所述待处理图像进行处理；

从所述图层上显示的处理后的所述待处理图像中，确定所述视图的显示区域对应的目标图像进行展示；所述目标图像包括所述处理后的所述待处理图像的至少部分。

可选的，所述利用所述图像处理信息，对所述图层上显示的所述待处理图像进行处理，得到所述视图的显示区域显示的目标图像，包括：

利用所述图像位置变化数据，将所述视图上显示的所述待处理图像的显示区域调整为目标显示区域；

将所述图层上显示的所述待处理图像中，与所述目标显示区域对应的图像区域确定为目标图像；

在所述视图上显示所述目标图像。

可选的，所述获取所述输入操作在所述基准坐标系下，对所述图层上显示的所述待处理图像的图像处理信息，包括：

获取针对所述输入操作所采集到的屏幕位置变化数据；

利用所述基准坐标系与屏幕坐标系之间的坐标转换关系，将所述屏幕位置变化数据转换为图像位置变化数据；其中，所述图像位置变化数据表示对所述图层上显示的所述待处理图像的位置变化数据。

可选的，所述响应图像处理事件，获取待处理图像，包括：

响应于对显示屏输出的显示界面的截屏操作，将截取到的图片格式的显示界面确定为待处理图像。

又一方面，本申请还提出了一种图像处理装置，所述装置包括：

数据获取模块，用于响应图像处理事件，获取待处理图像，并加载视图配置文件；其中，所述视图配置文件包括一个图层支持实现多个预设功能的配置信息，所述多个预设功能包括图像显示、图像处理以及触发所述图像处理的操作检测；

视图创建模块，用于基于所述视图配置文件创建视图，在所述视图上显示所述待处理图像；

图像处理模块，用于检测到针对所述待处理图像的输入操作，基于所述配置信息响应所述输入操作，得到目标图像。

又一方面，本申请还提出了一种电子设备，所述电子设备包括：

显示屏；

存储器，用于存储实现如上述的图像处理方法的程序；

处理器，用于加载并执行所述存储器存储的所述程序，以实现如上述的图像处理方法。

又一方面，本申请还提出了一种可读存储介质，其上存储有计算机程序，该计算机程序被处理器调用并执行，实现如上述的图像处理方法。

由此可见，本申请提供了一种图像处理方法、装置及电子设备，由于本申请构建的视图配置文件定义了视图是由，一个支持图像显示、图像处理以及触发该图像处理的操作检测等多个预设功能的图层构成，基于此，电子设备响应图像处理事件，获取待处理图像，基于加载的该视图配置文件创建视图，将在该视图的一个图层上显示待处理图像，方便用户对待处理图像进行编辑处理，电子设备响应针对该待处理图像的输入操作过程中，基于本申请视图的图层布局结构，无需考虑多个图层各自的图层坐标系之间的坐标差异，以及各图层坐标系不同步对处理结果准确性的不利影响，极大提高了图像处理的效率和准确性，且便于后期维护和功能扩展。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为包含三个图层的视图布局结构示意图；

图2为本申请提出的图像处理方法中，包含一个图层的视图布局结构示意图；

图3为本申请提出的图像处理方法的一可选示例的流程示意图；

图4为本申请提出的图像处理方法的又一可选示例的流程示意图；

图5为本申请提出的图像处理方法中，基准坐标系的构建方法示意图；

图6为本申请提出的图像处理方法的又一可选示例的流程示意图；

图7为本申请提出的图像处理方法中，图像放大处理场景的一可选示例的应用示意图；

图8为本申请提出的图像处理方法中，图像裁剪处理场景的一可选示例的应用示意图；

图9为本申请提出的图像处理方法中，图像裁剪处理结果示意图；

图10为本申请提出的图像处理方法中，图像裁剪处理场景的又一可选示例的应用示意图；

图11为本申请提出的图像处理方法的又一可选示例的流程示意图；

图12为本申请提出的图像处理方法中，涂鸦图像处理场景示意图；

图13为本申请提出的图像处理装置的一可选示例的结构示意图；

图14为本申请提出的图像处理装置的又一可选示例的结构示意图；

图15为适用于本申请提出的图像处理方法的电子设备的一可选示例的硬件结构示意图；

图16为适用于本申请提出的图像处理方法的电子设备的又一可选示例的硬件结构示意图。

具体实施方式

针对背景技术部分描述的技术问题，本申请提出更改视图的图层布局方式，即利用支持图像显示、图像处理以及触发该图像处理的操作检测等多个预设功能实现的一个图层，替代图1所示的三个视图层，实现对待处理图像的展示，以及对待处理图像的编辑处理等操作，参照图2所示的适用于本申请提出的图像处理方法的视图布局结构示意图，本申请简化了图层布局结构的同时，因减少了图层数量，这样，在对待处理图像进行编辑处理过程中，可以直接基于这一个图层的坐标系的定位结果进行处理，解决三个相互独立的图层各自的坐标系之间的转换计算，所导致的计算资源消耗大，降低电子设备性能和图像处理效率、可靠性等技术问题，也有利于后期维护和功能拓展。

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

应当理解，本申请中使用的“系统”、“装置”、“单元”和/或“模块”是用于区分不同级别的不同组件、元件、部件、部分或装配的一种方法。然而，如果其他词语可实现相同的目的，则可通过其他表达来替换该词语。

如本申请和权利要求书中所示，除非上下文明确提示例外情形，“一”、“一个”、“一种”和/或“该”等词并非特指单数，也可包括复数。一般说来，术语“包括”与“包含”仅提示包括已明确标识的步骤和元素，而这些步骤和元素不构成一个排它性的罗列，方法或者设备也可能包含其它的步骤或元素。由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

其中，在本申请实施例的描述中，除非另有说明，“/”表示或的意思，例如，A/B可以表示A或B；本文中的“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，在本申请实施例的描述中，“多个”是指两个或多于两个。以下术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。

另外，本申请中使用了流程图用来说明根据本申请的实施例的系统所执行的操作。应当理解的是，前面或后面操作不一定按照顺序来精确地执行。相反，可以按照倒序或同时处理各个步骤。同时，也可以将其他操作添加到这些过程中，或从这些过程移除某一步或数步操作。

参照图3，为本申请提出的图像处理方法的一可选示例的流程示意图，该方法可以适用于电子设备，该电子设备可以包括但并不局限于智能手机、平板电脑、可穿戴设备、上网本、智能手表、增强现实技术(Augmented Reality，AR)设备、虚拟现实(VirtualReality，VR)设备、车载设备、机器人、台式计算机等，可以依据场景需求确定电子设备的类型。如图3所示，电子设备执行的图像处理方法可以包括但并不局限于以下步骤：

步骤S11，响应图像处理事件，获取待处理图像，并加载视图配置文件；

在电子设备的使用过程中，当需要对电子设备输出或选择的某图像进行处理，以获得所需目标图像的场景下，电子设备可以响应用户的输入操作，或者是电子设备运行应用生成的触发指令等，生成针对待处理图像的图像处理事件，响应该图像处理事件，可以获取待处理图像。

示例性的，以截屏应用场景为例，对于电子设备显示屏输出的任一内容的图像，当用户希望保存其中的至少部分内容，可以执行截屏操作，如点击截屏按钮，或输入截屏手势等操作，电子设备响应该截屏操作，也就是响应针对当前输出的图像的截屏事件，对电子设备的输出内容进行截屏处理，得到包含该输出内容的图像确定为待处理图像。需要说明，本申请对待处理图像的获取方式不做限制，包括但并不局限于本实施例描述的截屏获取方式。

对于获取的待处理图像通常会在电子设备的显示屏上显示，具体是在电子设备输出的视图上显示待处理图像，以呈现给用户查看。因此，电子设备在响应图像处理事件过程中，可以加载用于创建该视图的视图配置文件，结合上文对本申请技术构思的相关描述，本申请将要创建的视图包含的是一个图层，且该图层支持如图1所示的三个图层所支持的功能。所以，为了能够创建该视图，本申请将要加载的视图配置文件可以包括一个图层支持实现多个预设功能的配置信息，这多个预设功能可以包括图像显示、图像处理以及触发该图像处理的操作检测等功能。

当然，在实际应用中，根据应用场景的需求，本申请还可以对上述的一个图层所支持的功能进行扩展，使其能够支持更多的功能，以支持实现对视图展示的待处理图像的更多的操作方式/处理方式，提高图像处理的多样性和便利性等，功能扩展方法本申请不做详述。

本申请实施例中，上述视图配置文件可以是基于上文分析内容，由开发人员预先编辑生成支持上述功能实现的配置信息，如支持一个图层实现上述各功能的程序代码等，本申请对其包含的内容及其表现形式不做限制，可视情况而定。

步骤S12，基于视图配置文件创建视图，在该视图上显示待处理图像；

继上文描述，在电子设备响应图像处理事件过程中，若需要视图显示所获得的待处理图像，电子设备将先加载针对该视图的视图配置文件，通过执行该视图配置文件，创建具有如上述特点的视图，从而是在视图上显示待处理图像，以呈现在用户面前，本申请对如何基于视图配置文件，创建具有相应特点的视图的实现方法不做限制。

由于本申请创建的视图包含一个图层，上述获得的待处理图像被放置在该图层上进行展示，通常会先在电子设备显示屏的显示界面内，呈现出完整的待处理图像，此时，展示该待处理图像的图层，不仅仅具有图像展示功能，同时还具有图像处理以及触发图像处理的操作检测的功能，以支持实现直接对该图层展示的待处理图像的后续处理操作。

需要说明，本申请对如何在视图上输出待处理图像的实现方法不做限制，在实际应用中，可以根据需要调整在电子设备的显示界面中，创建输出的视图的尺寸大小及输出位置，以确定所获取的待处理图像的显示尺寸和显示位置等，如由开发人员依据电子设备的显示屏尺寸及其显示配置信息确定，也可以依据针对上述图像处理事件的生成方式对应的图像显示配置信息等确定，或依据所获取的待处理图像的图像尺寸等参数确定的自适应视图等，本申请在此不做详述。

步骤S13，检测到针对待处理图像的输入操作，基于视图配置文件包含的配置信息响应输入操作，得到目标图像。

对于电子设备的视图上显示的待处理图像，可以依据应用需求进行相应调整，如更改显示尺寸、裁剪所需显示内容、更改其中显示对象的显示属性(如颜色、局部放大缩小等)、添加新对象、删除部分显示对象等，以获取所需的目标图像，本申请对待处理图像的处理方法，即对实现该处理方法的输入操作内容不做限制。

示例性的，当用户需要在待处理图像中添加文字、图案等新对象的情况下，可以在待处理图像进行编辑状态后，选择相应的编辑操作按钮，完成对待处理图像的相应输入操作，如点击文本编辑按钮，在待处理图像中选定输入文本的位置，并在弹出的文本输入框中，输入所需的目标文字，以得到包含该目标文字的目标图像；或者选择进入涂鸦状态，用户可以选择合适的画笔及其颜色等，在待处理图像上进行涂鸦，以得到所需目标图像等，本申请对不同应用场景下，对待处理图像的输入操作内容及其实现方式不做限制，可视情况而定。

结合上文描述，由于显示该待处理图像的视图由一个图层构成，且该图层支持图像显示、图像处理以及触发该图像处理的操作检测等多个预设功能，所以，对于该输入操作对应产生的输入参数，尤其是输入位置及其变化路径等参数，可以依据视图的这一个图层的坐标系确定，且在响应该输入操作，更新待处理图像的过程中，仍可以依据这一个坐标系实现，解决了基于由多个图层(如图1所示)构成的视图，对图像视图层(Touch Image View)显示的待处理图像进行编辑处理的方法中，因多个图层各自的坐标系相互独立、不同步，导致在响应对待处理图像的输入操作过程中，需要花费大量时间和计算量，实现不同坐标系之间坐标转换计算，才能够得到目标图像，且容易因过度绘制降低目标图像处理可靠性的技术问题，即本申请提出的图像处理方法提高了图像处理效率和可靠性，且减少了图像处理过程中对电子设备资源消耗量，保证了电子设备的工作性能。

参照图4，为本申请提出的图像处理方法的又一可选示例的流程示意图，本实施例可以是对上文实施例描述的图像处理方法的一可选细化实现方法，但并不局限于这种细化实现方式，且该细化实现方法也可以由如上文描述的任一电子设备执行，如图4所示，该方法可以包括：

步骤S21，响应图像处理事件，获取待处理图像，并加载视图配置文件；

结合上文实施例相应部分的描述，该视图配置文件可以包括一个图层支持实现多个预设功能的配置信息，且这多个预设功能可以包括但并不局限于图像显示、图像处理以及触发所述图像处理的操作检测等。

基于上文对视图配置文件的描述，由于本申请构建的视图包含一个图层，不需要考虑多个图层构成视图的方案中，对待处理图像进行的编辑处理，对其他图层的影响，通过降低视图的布局层级，如三个叠加布局的图层变为一个图层，有利于减少图像绘制过程中的任务量，提高电子设备的性能。

而且，本申请提出的由一个图层构成视图的方式，在视图功能出现异常的情况下，可以直接对这一个图层对应的实现上述多个预设功能的代码逻辑进行异常检测，相对于对多个图层各自的代码逻辑进行异常检测的方法，降低了视图维护难度；同时，在需要拓展视图的功能的情况下，本申请可以直接对其包含的一个图层对应的代码逻辑进行更新，如增加新功能对应的逻辑代码等，不需要考虑新功能实现对多个图层各自的代码逻辑的影响，提高了功能拓展的便利性。

步骤S22，基于该视图配置文件，构建支持实现多个预设功能的一个图层；

步骤S23，在该图层上加载待处理图像，以使待处理图像显示在该图层上；

步骤S24，创建包含这一个图层的视图，在该视图上显示该待处理图像；

继上文对视图配置文件的描述，其说明了所要构建的视图包含的图层布局方式，即一个图层构成整个视图，同时定义了这一个图层所能够支持的预设功能，如图像视图(Touch Image View)层所具有的图像显示功能，绘制视图(Drawable View)层所具有的图像处理功能，以及编辑视图(Capture View)层所具有的触发该图像处理的检测功能等。

所以，本申请在创建视图过程中，可以直接按照加载的视频配置文件的内容，构建一个图层，将所获取的待处理图像加载至该图层上显示，创建输出包含这一个图层的视图，由于图层上加载了待处理图像，那么，输出所创建的视图时，将会在该视图上显示待处理图像。本申请对如何依据视图配置文件，构建相应的视图的实现过程不做详述。

步骤S25，检测到针对待处理图像的输入操作，基于该视图的图层上显示的待处理图像，构建基准坐标系；

步骤S26，响应该输入操作，依据该基准坐标系，对该图层上显示的待处理图像进行处理，得到视图显示的目标图像。

由于本申请创建的视图由一个支持多种预设功能的图层构成，相对于如上图1所示的三个图层叠加构成的视图，因其输出的待处理图像的输入操作，往往是对最上面的编辑视图层的输入操作，需要考虑这三个图层之间的差异，在三个图层各自的坐标系之间进行坐标转换计算，实现该输入操作对各图层上待处理图像的处理，导致计算量呈指数增加，不利于后期维护扩展，本申请将依据所创建的视图包含的一个图层，统一处理对显示的待处理图像的手势输入、坐标定位和转换计算、基于计算结果的图像绘制处理过程，不需要考虑编辑位置后对其他图层的影响，有利于提高图像处理效率和可靠性。

而且，为了保证待处理图像各部分对其输入操作的响应过程的一致性，提高所得目标图像的可靠性和准确性，本申请在确定视图包含的这一个图层的坐标系时，将基于该图层上显示的待处理图像，构建图像坐标系，将确定为用于实现待处理图像编辑处理的基准坐标系。示例的，参照图5所示的本申请提出的图像处理方法中，一种基准坐标系的构建方法示意图，可以以待处理图像的一顶点为原点，该顶点相邻两个边分别为x轴和y轴，构成xy二维坐标系，但并不局限于这种图像坐标系构建方式。

之后，对于用户对当前显示的待处理图像进行任一种或多种输入操作，如裁剪操作、涂鸦操作、放大/缩小操作等，若该输入操作通常是直接对电子设备的显示屏的触控输入操作，电子设备的显示屏对应配置的传感器，直接采集到的是针对电子设备显示屏的屏幕坐标系的输入参数，本申请可以将这些输入参数从屏幕坐标系上，转换到如上述构建的基准坐标系对应位置后，再响应该基准坐标系下的输入参数，对当前显示的待处理图像进行相应处理，得到处理后的目标图像，展示在视图上。

可见，本申请对基准坐标系下的待处理图像进行处理过程中，待处理图像包含的各像素点坐标是指基准坐标系下的坐标，用于处理该待处理图像的输入参数也是该基准坐标系下的坐标，所以，电子设备可以直接利用所得到的基准坐标系下的输入参数，对图层上显示的待处理图像，即显示屏输出的可操作区域内的图像进行处理，如直接按照输入的裁剪尺寸，对图层上显示的可操作区域的待处理图像的相应边框尺寸进行裁剪处理；直接按照输入的放大比例，对图层上显示的可操作区域的待处理图像进行放大处理等，无需进行不同图层级别之间的转换计算，也不存在因多个图层不同步而导致的问题，提高了图像处理效率和准确性。

需要说明，本申请提出的基于所构建的基准坐标系(即待处理图像的图像坐标系)，对图层上显示的可操作区域内的待处理图像进行处理的实现方法，包括但并不局限于上文描述的处理方法内容，本申请对步骤S26的具体实现方法不做限制。

综上，由于本申请构成视图的一个图层能够支持多种预设功能实现，对于其显示的待处理图像，若需要对其进行编辑处理，以获得所需目标图像，可以采用相应的输入操作方式，直接对该图层上显示的可操作区域内的待处理图像，即用户可以看到的显示区域内的待处理图像进行编辑处理，且在该处理过程中，将基于图层上加载的待处理图像构建基准坐标系，从而利用该基准坐标系下的输入参数，直接对该基准坐标系下的可操作区域的待处理图像进行处理，提高了图像处理效率和准确性，保证待处理图像中各对象对输入操作的响应结果的一致性，如待处理图像中的对象随着整体图像的放大而放大等。

另外，基于本申请提出这种一个图层的视图布局方式，以及基于待处理图像所在图像坐标系实现的图像处理方法，使得待处理图像的可操作区域不受初始获取的待处理图像的约束，可以对显示屏所显示的可操作的待处理图像进行如缩放、拉伸等操作，以得到所需目标图像，如查看初始获取的待处理图像中，区别于当前显示的可操作区域内的图像内容的其他区域的图像内容，将该其他区域的图像内容作为可操作区域的新待处理图像，继续按照上文描述的编辑方式对其进行处理，提高了图像处理的多样性和灵活性，能够更好地满足不同应用的图像处理需求。

参照图6，为本申请提出的图像处理方法的又一可选示例的流程示意图，本实施例可以是对上文实施例描述的图像处理方法的又一可选细化实现方法，该方法可以由电子设备执行，本申请实施例将对视图包含的一个图层上显示的待处理图像的编辑处理过程进行描述，关于获取待处理图像，以及创建视图显示待处理图像的实现过程，可以参照但并不局限于上文实施例相应部分的描述，本实施例不做赘述。如图6所示，本实施例提出的图像处理方法可以包括：

步骤S31，检测到针对待处理图像的输入操作，基于视图包含的一个图层上显示的待处理图像，构建基准坐标系；

步骤S32，响应该输入操作，获取该输入操作在该基准坐标系下，对该图层上显示的待处理图像的图像处理信息；

本申请实施例中，该图像处理信息可以包括但并不局限于图像位置变化数据，该图像位置变化数据的内容可以依据输入操作的类别确定，如该输入操作可以是涂鸦操作，该图像位置变化数据可以包括在待处理图像上涂鸦对象的位置信息，也就是涂鸦过程中输入轨迹的位置变化数据等；若输入操作为裁剪输入操作，该图像位置变化数据可以包括对显示屏上显示的可操作区域边框的移动方向、移动尺寸或终止移动点的位置等信息；若输入操作是放大操作，图像位置变化数据可以包括手势放大轨迹数据或手势放大移动距离等信息，本申请对不同输入操作，所获得的图像位置变化数据的内容不做限制，包括但并不局限于上文列举内容。

步骤S33，利用图像处理信息包含的图像位置变化数据，对该图层上显示的待处理图像进行处理；

步骤S34，从该图层上显示的处理后的待处理图像中，确定视图的显示区域对应的目标图像进行展示。

结合上文对待处理图像的编辑处理过程的相关描述可知，本申请所展示的目标图像可以包括处理后的待处理图像的至少部分，视图的显示区域可以是上文描述的待处理图像的可操作区域，可以是初始获取的待处理图像的至少部分区域，也就是说，本申请视图可以对初始获取的待处理图像的局部区域进行展示，也可以对全部图像区域进行展示，可视情况而定。

在本申请提出的一些实施例中，参照图7所示的图像放大场景示意图、图8所示的图像裁剪场景示意图，对于视图的显示区域和非显示区域，可以通过调整这两个区域各自的显示亮度等显示参数，实现各自对应图像区域的展示，如提高显示区域的显示亮度，以使该显示区域对应待处理图像的图像区域能够呈现在用户眼前，即可以看到显示区域对应的图像内容；同理，降低非显示区域的显示亮度，如使非显示区域对应的图像内容以灰度显示方式输出，甚至显示亮度为零(如图7第二行第一个附图所示的放大结果示意图，以及图9所示的裁剪结果示意图)，使得用户眼睛无法看到非显示区域对应的图像内容，用户可以按照上文描述的方法，对显示区域呈现的待处理图像(即视图上可操作的图像区域)进行编辑处理。需要说明，对于图层上加载并显示待处理图像的实现方法，包括但并不局限于本段描述的实现方法。

基于上文描述的包含一个图层的视图显示待处理图像的实现方法，对当前显示的可操作区域的待处理图像进行编辑处理，并不影响非操作区域(如上述非显示区域)对应的待处理图像内容，甚至根据需要会适应性调整这部分待处理图像的显示状态，如放大/缩小等；而在对可操作区域的待处理图像进行裁剪操作的场景下，可以认为是调整可操作区域的尺寸，同时会相应调整非显示区域的尺寸，如上图7所示的图像放大场景示意图，图8和图9所示的图像裁剪场景示意图，以及图10所示的图像二次裁剪场景示意图，经过对当前显示的待处理图像的裁剪操作，可以减小可操作区域的尺寸，所减小的区域将变为非显示区域，使得图层上加载的整个待处理图像的非显示区域尺寸增大，保证了初始获取的待处理图像的完整性。

参照图11，为本申请提出的图像处理方法的又一可选示例的流程示意图，本申请实施例可以是区别于上文实施例描述的，利用图像处理信息，对图层上显示的待处理图像进行处理，得到视图的显示区域显示的目标图像的实现方法的又一可选细化实现方法，该方法可以由电子设备执行，且本申请实施例以截屏图像的处理场景为例进行说明，对于其他方式获取待处理图像后的图像处理方法类似，本申请不做一一详述。如图11所示，本申请实施例提出的图像处理方法可以包括：

步骤S41，响应于对显示屏输出的显示界面的截屏操作，将截取到的图片格式的显示界面确定为待处理图像；

在实际应用中，当需要对电子设备显示界面的显示内容进行截图处理，可以点击截屏虚拟按钮、截屏快捷键、预设的截屏手势、截屏语音指定等方式，执行针对该显示内容的截屏操作，电子设备检测到该截屏操作后，响应该截屏操作，可以将显示界面的显示内容保存为待处理图像，本申请对待处理图像的获取方法不做限制，包括但并不局限于本实施例提出的截屏实现方式。

步骤S42，在响应该截屏操作过程中，加载视图配置文件，基于该视图配置文件创建视图，在该视图上显示待处理图像；

步骤S43，检测到针对待处理图像的输入操作，基于视图包含的一个图层上显示的待处理图像，构建基准坐标系；

关于步骤S42和步骤S43的实现过程，可以参照上文实施例相应部分的描述，本实施例不做赘述。

步骤S44，响应该输入操作，获取针对输入操作所采集到的屏幕位置变化数据；

步骤S45，利用该基准坐标系与屏幕坐标系之间的坐标转换关系，将屏幕位置变化数据转换为图像位置变化数据；

结合上文实施例相应部分的描述，为了简化图像处理计算步骤，减少计算资源的消耗，本申请提出将图像坐标系作为基准坐标系，实现对待处理图像的编辑处理，所以，在电子设备直接采集到的基于对显示的待处理图像的输入操作产生的输入参数，如基于该电子设备的显示屏的屏幕坐标系下的屏幕位置变化数据，需要将该屏幕位置变化数据转换为基准坐标系下的图像位置变化数据，本申请对两个坐标系之间的坐标转换实现方法不做限制。

可见，本申请实施例获取的基准坐标系下的图像位置变化数据可以表示，对视图包含的一个图层上显示的待处理图像的位置变化数据，本申请对该图像位置变化数据包含的内容不做限制，如上文描述，对于不同类型/方式的输入操作，所得到的图像位置变化数据可能不同，本申请不做一一详述。

步骤S46，利用该图像位置变化数据，将视图上显示的待处理图像的显示区域调整为目标显示区域；

结合上文图8、图9和图10所示的图像裁剪场景示意图，本申请实施例是以如何基于包含一个图层的视图，实现对获取的待处理图像的裁剪处理过程为例进行说明。如图8中第一行第二幅图所示的待处理图像，用户需要上身区域图像，对于处于编辑状态的待处理图像，用户可以选择其下边框向上拖动直至剩余显示区域的图像满足要求，但并不局限于这种裁剪操作方式。

基于上文描述的裁剪操作过程，将裁剪前的待处理图像的显示区域调整为目标显示区域，如从该显示区域的某一边开始缩小显示区域尺寸，待完成显示区域的尺寸缩小操作，将剩余显示区域确定为目标显示区域，该目标显示区域包含的图像内容，相对于裁剪前显示区域包含的图像内容会减少。需要说明，对于上述裁剪操作过程中，由原来的显示区域变为非显示区域的部分图像内容，并未直接被删除，而是如上文对非显示区域的描述，从显示状态转换为非显示状态，这部分图像仍位于视图的图层上。

在本申请实施描述的图像裁剪操作过程中，上述输入操作可以是裁剪操作，对于该图像裁剪操作，可以由ClipControl.java完成，采用getGrow方式，判断采集到的裁剪操作的位置是否属于裁剪框拖动范围类，并判断裁剪位置落在哪个裁剪框方位，从预先定义的选框方向(如图8所示的裁剪框的下边框向上方向)中确定目标选框方向，之后，按照该目标选框方向移动裁剪框一遍时，可以缩小或扩大选区范围，得到目标显示区域，本申请对移动计算得到目标显示区域的实现方法不做限制。

其中，在上文描述的裁剪移动过程中，还可以验证实时检测到的触控操作是否位于视图的可操作区域，以减少触摸控制过程中的计算量，提高图像裁剪速度，实现过程本申请不做详述。

可以理解，在如图7所示的对待处理图像进行放大的处理场景下，即上文对待处理图像的输入操作可以为放大操作，由于电子设备显示屏的显示尺寸是有限的，通常可以配置视图的最大显示区域，这样，对待处理图像进行放大处理，使得放大后的待处理图像的尺寸大于该最大显示区域尺寸，通常是对放大后的待处理图像中，视图的显示区域对应的图像内容进行显示，如图7中头部附近区域图像内容进行显示，对于放大后的待处理图像中的其他图像内容，可以处于非显示状态，无法被用户看到，但仍存在于视图的图层上。

步骤S47，将在视图包含的一个图层上显示的待处理图像中，与目标显示区域对应的图像区域确定为目标图像；

步骤S48，在该视图上显示目标图像。

本申请按照如图8所示的裁剪方式对待处理图像进行裁剪处理过程，在确定的目标显示区域(如图8第二行第一幅图中标示的显示区域)之后，维持该目标显示区域对应的图像内容的显示状态，将原显示区域与目标显示区域之间的差异内容调整为非显示状态；若采用图10所示的裁剪方式，目标显示区域包含的图像内容更多，本申请实施例会将原显示区域与目标显示区域之间的差异内容调整为显示状态，使得整个目标显示区域内的图像内容为显示状态，即由视图输出目标显示区域内的目标图像。

综上，在截屏应用场景下，对截取的待处理图像进行裁剪操作过程中，由于显示待处理图像的视图由一个图层构成，在响应该裁剪操作过程中，将基于图层上的待处理图像所形成的图像坐标系，执行该裁剪操作所产生的各裁剪参数，如图像位置变化数据，直接对视图显示区域内的待处理图像进行裁剪处理，无需考虑多个图层各自的图层坐标系之间的坐标差异，以及各图层坐标系不同步对处理结果准确性的不利影响，极大提高了图像处理的效率和准确性。

且由于上述裁剪操作是调整待处理图像中各部分的显示状态，以使得目标显示区域内的图像内容处于显示状态，而待处理图像中的其他图像内容处于非显示状态，而不是直接裁剪删除，这样，在对待处理图像进行多次裁剪操作过程中，可以将上一次裁剪掉的图像内容(即当前处于非显示状态下的图像)重新选择为显示区域内的图像，如图10所示的裁剪处理过程，使得这部分图像内容从非显示状态调整为显示状态，使得用户能够重新看到之前裁剪掉的图像内容，更好地满足图像处理需求。

基于上文实施例描述的图像处理方法，本申请还可以对待处理图像进行涂鸦处理，涂鸦操作方法本申请不做限制，如选择涂鸦画笔颜色、线条粗细、涂鸦图案类型等，可视情况而定。由于本申请的视图包含的是一个图层，且是以该图层加载的待处理图像的图像坐标系，作为图像处理的基准坐标系，这样，在完成对视图的显示区域内的待处理图像的涂鸦操作后，在对涂鸦后的图像进行放大处理，能够保证涂鸦对象随着整个待处理图像进行同步放大。

同理，如图12所示，对包含涂鸦对象的待处理图像进行移动操作，各涂鸦对象将保持其在原待处理图像中的相对位置进行移动，从而解决了以屏幕坐标系作为基准坐标系进行如上述放大、移动操作过程中，涂鸦对象不会同步放大、移动，无法满足图像处理要求的技术问题。

其中，在对待处理图像进行任一类别的处理操作过程中，通常需要视图显示的待处理图像进入编辑状态，且在输出待处理图像的显示界面上可以展示用于编辑待处理图像的各种编辑工具，如上述各场景附图中的涂鸦、分享、画笔、颜色、粗细等各种编辑功能按钮，但并不局限于本申请列举的内容，可以依据实际需求进行灵活配置，本申请不做一一列举。

可选的，对于涂鸦场景中的画笔操作事件可以调用PaintControl.java处理完成，利用path类的lineTo完成path路径绘制，完成涂鸦绘制后，将该path相关信息存入undoList列表中，随后通知listener改变undo redo状态，并在绘制过程中调用该类中的drawPath，将当前显示的待处理图像和list中的path绘制到屏幕上，得到目标图像，本申请对涂鸦绘制的实现过程不做限制。

需要说明，本申请提出的图像处理方法可以在操作系统开放的源代码基础上进行复用开发，根据需要可以适配键盘快捷键、组合键、原生应用开关等来触发功能效果，快速、高效且精准地实现对获取的待处理图像的处理，得到当前场景所需的目标图像。本申请对如何基于源代码，开发如上文描述的布局结构和功能的视图的代码逻辑的实现过程，以及功能扩展实现过程不做详述。

参照图13，为本申请提出的图像处理装置的一可选示例的结构示意图，如图13所示，该装置可以包括：

数据获取模块11，用于响应图像处理事件，获取待处理图像，并加载视图配置文件；

本申请实施例中，视图配置文件可以包括一个图层支持实现多个预设功能的配置信息，这多个预设功能可以包括但并不局限于图像显示、图像处理以及触发所述图像处理的操作检测等，本申请对构建该视图配置文件的实现方法不做限制。

在一些实施例中，该数据获取模块11可以包括：

截屏单元，用于响应于对显示屏输出的显示界面的截屏操作，将截取到的图片格式的显示界面确定为待处理图像。

视图创建模块12，用于基于所述视图配置文件创建视图，在所述视图上显示所述待处理图像；

图像处理模块13，用于检测到针对所述待处理图像的输入操作，基于所述配置信息响应所述输入操作，得到目标图像。

在一些实施例中，如图14所示，上述视图创建模块12可以包括：

图层构建单元121，用于基于所述视图配置文件，构建支持实现所述多个预设功能的所述图层；

待处理图像加载单元122，用于在所述图层上加载所述待处理图像，以使所述待处理图像显示在所述图层上；

视图创建单元123，用于创建包含一个所述图层的视图。

可选的，如图14所示，上述图像处理模块13可以包括：

基准坐标系构建单元131，用于检测到针对所述待处理图像的输入操作，基于所述图层上显示的所述待处理图像，构建基准坐标系；

图像处理单元132，用于响应所述输入操作，依据所述基准坐标系，对所述图层上显示的所述待处理图像进行处理，得到所述视图显示的目标图像。

在一些实施例中，上述图像处理单元132可以包括：

图像处理信息获取单元，用于获取所述输入操作在所述基准坐标系下，对所述图层上显示的所述待处理图像的图像处理信息；所述图像处理信息包括图像位置变化数据；

目标图像得到单元，用于利用所述图像处理信息，对所述图层上显示的所述待处理图像进行处理，得到所述视图的显示区域显示的目标图像。

在一种可能的实现方式，上述目标图像得到单元可以包括：

第一处理单元，用于依据所述图像位置变化数据，对所述图层上显示的所述待处理图像进行处理；

第二处理单元，用于从所述图层上显示的处理后的所述待处理图像中，确定所述视图的显示区域对应的目标图像进行展示；所述目标图像包括所述处理后的所述待处理图像的至少部分。

在又一种可能的实现方式中，上述目标图像得到单元也可以包括：

显示区域调整单元，用于利用所述图像位置变化数据，将所述视图上显示的所述待处理图像的显示区域调整为目标显示区域；

目标图像确定单元，用于将所述图层上显示的所述待处理图像中，与所述目标显示区域对应的图像区域确定为目标图像；

目标图像显示单元，用于在所述视图上显示所述目标图像。

可选的，上述图像处理信息获取单元可以包括：

屏幕位置变化数据获取单元，用于获取针对所述输入操作所采集到的屏幕位置变化数据；

图像位置变化数据获取单元，用于利用所述基准坐标系与屏幕坐标系之间的坐标转换关系，将所述屏幕位置变化数据转换为图像位置变化数据；其中，所述图像位置变化数据表示对所述图层上显示的所述待处理图像的位置变化数据。

需要说明的是，关于上述各装置实施例中的各种模块、单元等，均可以作为程序模块存储在存储器中，由处理器执行存储在存储器中的上述程序模块，以实现相应的功能，关于各程序模块及其组合所实现的功能，以及达到的技术效果，可以参照上述方法实施例相应部分的描述，本实施例不再赘述。

本申请还提供了一种可读存储介质，其上可以存储计算机程序，该计算机程序可以被处理器调用并加载，以实现上述实施例描述的图像处理方法的各个步骤。

参照图15，为适用于本申请提出的图像处理方法的电子设备的一可选示例的硬件结构示意图，该电子设备可以包括：显示屏21、存储器22和处理器23，其中：

显示屏21可以是触摸式显示屏或非触摸式显示屏，本申请对该显示屏的类型不做限制，为了方便图像处理操作，本申请可以选择使用配置有触摸式显示屏的电子设备实现图像处理方法。在本申请实际应用中，该显示屏可以显示获取的待处理图像，对待处理图像进行处理后的目标图像，还可以显示裁剪框变化过程等，本申请对显示屏的显示功能实现方法及其显示内容不做限制，可视情况而定。

存储器22可以用于存储实现上述方法实施例描述的图像处理方法的程序；处理器23可以用于加载并执行存储器22存储的程序，以实现上述方法实施例描述的图像处理方法，具体实现过程可以参照上文相应实施例的描述，本实施例在此不做赘述。

在本申请实施例中，存储器22可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件或其他易失性固态存储器件。处理器23，可以为中央处理器(Central Processing Unit，CPU)、特定应用集成电路(application-specificintegrated circuit，ASIC)、数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件等。

应该理解的是，图15所示的电子设备的结构并不构成对本申请实施例中电子设备的限定，在实际应用中，电子设备可以包括比图15所示的更多或更少的部件，或者组合某些部件，如图16所示的电子设备的又一可选示例的硬件结构示意图，该电子设备还可以包括各种通信接口、如摄像头、拾音器、鼠标、键盘等至少一个输入设备，可以依据电子设备的产品类型，以及用户使用喜欢确定所需输入设备；如扬声器、振动机构、灯等至少一个输出设备，以及各种类型的传感器、电源模组、天线等，本申请在此不做一一列举。

最后，需要说明的是，本说明书中各个实施例采用递进或并列的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置、电子设备而言，由于其与实施例公开的方法对应，所以描述的比较简单，相关之处参见方法部分说明即可。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种图像处理方法，所述方法包括：

响应图像处理事件，获取待处理图像，并加载视图配置文件；其中，所述视图配置文件包括一个图层支持实现多个预设功能的配置信息，所述多个预设功能包括图像显示、图像处理以及触发所述图像处理的操作检测；

基于所述视图配置文件创建视图，在所述视图上显示所述待处理图像；

检测到针对所述待处理图像的输入操作，基于所述配置信息响应所述输入操作，得到目标图像。

2.根据权利要求1所述的方法，所述基于所述视图配置文件创建视图，包括：

基于所述视图配置文件，构建支持实现所述多个预设功能的所述图层；

在所述图层上加载所述待处理图像，以使所述待处理图像显示在所述图层上；

创建包含一个所述图层的视图。

3.根据权利要求2所述的方法，所述检测到针对所述待处理图像的输入操作，基于所述配置信息响应所述输入操作，得到目标图像，包括：

检测到针对所述待处理图像的输入操作，基于所述图层上显示的所述待处理图像，构建基准坐标系；

响应所述输入操作，依据所述基准坐标系，对所述图层上显示的所述待处理图像进行处理，得到所述视图显示的目标图像。

4.根据权利要求3所述的方法，所述依据所述基准坐标系，对所述图层上显示的所述待处理图像进行处理，得到所述视图显示的目标图像，包括：

获取所述输入操作在所述基准坐标系下，对所述图层上显示的所述待处理图像的图像处理信息；所述图像处理信息包括图像位置变化数据；

利用所述图像处理信息，对所述图层上显示的所述待处理图像进行处理，得到所述视图的显示区域显示的目标图像。

5.根据权利要求4所述的方法，所述利用所述图像处理信息，对所述图层上显示的所述待处理图像进行处理，得到所述视图的显示区域显示的目标图像，包括：

依据所述图像位置变化数据，对所述图层上显示的所述待处理图像进行处理；

从所述图层上显示的处理后的所述待处理图像中，确定所述视图的显示区域对应的目标图像进行展示；所述目标图像包括所述处理后的所述待处理图像的至少部分。

6.根据权利要求4所述的方法，所述利用所述图像处理信息，对所述图层上显示的所述待处理图像进行处理，得到所述视图的显示区域显示的目标图像，包括：

利用所述图像位置变化数据，将所述视图上显示的所述待处理图像的显示区域调整为目标显示区域；

将所述图层上显示的所述待处理图像中，与所述目标显示区域对应的图像区域确定为目标图像；

在所述视图上显示所述目标图像。

7.根据权利要求4所述的方法，所述获取所述输入操作在所述基准坐标系下，对所述图层上显示的所述待处理图像的图像处理信息，包括：

获取针对所述输入操作所采集到的屏幕位置变化数据；

利用所述基准坐标系与屏幕坐标系之间的坐标转换关系，将所述屏幕位置变化数据转换为图像位置变化数据；其中，所述图像位置变化数据表示对所述图层上显示的所述待处理图像的位置变化数据。

8.根据权利要求1～7任一项所述的方法，所述响应图像处理事件，获取待处理图像，包括：

响应于对显示屏输出的显示界面的截屏操作，将截取到的图片格式的显示界面确定为待处理图像。

9.一种图像处理装置，所述装置包括：

数据获取模块，用于响应图像处理事件，获取待处理图像，并加载视图配置文件；其中，所述视图配置文件包括一个图层支持实现多个预设功能的配置信息，所述多个预设功能包括图像显示、图像处理以及触发所述图像处理的操作检测；

视图创建模块，用于基于所述视图配置文件创建视图，在所述视图上显示所述待处理图像；

图像处理模块，用于检测到针对所述待处理图像的输入操作，基于所述配置信息响应所述输入操作，得到目标图像。

10.一种电子设备，所述电子设备包括：

显示屏；

存储器，用于存储实现如权利要求1～8任一项所述的图像处理方法的程序；

处理器，用于加载并执行所述存储器存储的所述程序，以实现如权利要求1～8任一项所述的图像处理方法。

Images