用于编辑图片的方法、电子设备和计算机可读介质

技术领域

本申请涉及计算机技术领域，具体涉及用于编辑图片的方法、电子设备和计算机可读介质。

背景技术

即时通讯(Instant Messaging，简称IM)是一个实时通信系统，允许两人或多人使用网络实时的传递文字消息、文件、语音、视频等进行交流。

现有技术中，在IM工具内会话发送图片时，如果IM工具安装在在PC端，则可通过鼠标操作可放大缩小的矩形框，来对图片进行二次处理(例如，裁剪或者框选重点等)；如果IM工具安装在移动终端，且用户需要对原始图片编辑后发送，则通常用户需要离开IM工具进入图像编辑工具，并基于可滑动、可放大缩小的矩形框以及对原始图片进行滑动、缩放等操作，进而裁剪出最终矩形框和原始图片重合的部分，来对原始图片编辑完成并存储后，再进入IM工具，并选择编辑后的图片发送。该方式操作相对繁琐，且可编辑操作有限。

发明内容

本申请实施例提出了一种用于编辑图片的方法、电子设备和计算机可读介质。

第一方面，本申请的一些实施例提供了一种用于编辑图片的方法，该方法包括：根据用户在即时通讯的会话界面展示时执行的图片获取操作，获取原始图片并呈现；在原始图片上叠加半透明遮罩层，半透明遮罩层覆盖原始图片；基于用户在遮罩层上的滑动操作的覆盖区域确定待编辑区域；基于待编辑区域对原始图片进行编辑，生成编辑后的图片。

第二方面，本申请的一些实施例提供了一种电子设备，包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如第一方面描述的方法。

第三方面，本申请的一些实施例提供了一种计算机可读介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如第一方面描述的方法。

本申请的上述实施例提供的用于编辑图片的方法、电子设备和计算机可读介质，通过在进行IM会话时获取并呈现原始图片，之后在原始图片上叠加半透明遮罩层，然后基于用户在遮罩层上的滑动操作的覆盖区域确定待编辑区域，最后基于待编辑区域对原始图片进行编辑，提供了嵌入IM会话场景的更为灵活和便捷的图片编辑方案，从而能够让用户更加便捷地选出想要编辑的形状和区域。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：

图1是本申请一些实施例可以应用于其中的示例性系统架构图；

图2是根据本申请的用于编辑图片的方法的一个实施例的流程图；

图3A至图3C是根据本申请的用于编辑图片的方法的一个应用场景的示意图；

图4是适于用来实现本申请一些实施例的电子设备的结构示意图。

具体实施方式

下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关发明，而非对该发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

图1示出了可以应用本申请的用于编辑图片的方法的实施例的示例性系统架构100。

如图1所示，系统架构100可以包括终端101、102、103，网络104和服务器105。网络104用以在终端101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如无线局域网络、移动网络等等。

用户可以使用终端101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端101、102、103上可以安装有各种通讯客户端应用，例如即时通讯工具、社交应用、浏览器应用、购物类应用、搜索类应用、邮箱客户端等。

终端101、102、103可以是硬件，也可以是软件。当终端101、102、103为硬件时，可以是具有显示屏并且支持即时通讯的各种电子设备，包括但不限于智能手机、平板电脑、个人数字助理(Personal Digital Assistant，PDA)、膝上型便携计算机和台式计算机等等。当终端101、102、103为软件时，可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块。在此不做具体限定。

服务器105可以是提供各种服务的服务器，例如对终端101、102、103上运行的即时通讯应用提供支持的后台服务器。后台服务器可以将接收到的会话消息发送到指定终端。

需要说明的是，服务器105可以是硬件，也可以是软件。当服务器105为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器105为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务的软件或软件模块)，也可以实现成单个软件或软件模块。在此不做具体限定。

需要说明的是，本申请实施例所提供的用于编辑图片的方法一般由终端101、102、103执行。

应该理解，图1中的终端、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意合适数目的终端、网络和服务器。

继续参考图2，示出了根据本申请的用于编辑图片的方法的一个实施例的流程200。该用于编辑图片的方法可以应用于终端，其可以包括以下步骤201～204：

步骤201，根据用户在即时通讯的会话界面展示时执行的图片获取操作，获取原始图片并呈现。

在本实施例中，终端上可以安装有IM应用，用户可以在IM应用的会话界面中与社交好友进行会话。

该用于编辑图片的方法的执行主体(例如，图1所示的终端101、102、103)可以根据用户在上述会话界面展示时(即在进行IM会话时)执行的图片获取操作，获取原始图片，并将获取的原始图片呈现在上述终端的屏幕上。这里，图片获取操作可以指用户获取原始图片的操作，例如，截屏。

在本实施例的一些可选的实现方式中，上述图片获取操作可以是用户从会话记录中选取图片以作为原始图片的操作。例如，当用户A与用户B进行IM会话时，用户A从与用户B的历史会话中选取一张图片作为原始图片，该操作即为图片获取操作。

在本实施例的一些可选的实现方式中，上述图片获取操作可以是用户从图库(也可以称为相册)中选取图片以作为原始图片的操作。这里，图库可以包括若干存储在终端上的图片。

在本实施例的一些可选的实现方式中，上述图片获取操作可以是用户对终端当前显示的界面进行截屏以将截屏得到的图片作为原始图片的操作。

尽管上述实现方式描述了从会话记录中选取原始图片、从图库中选取原始图片以及通过截屏获取原始图片，但本申请并不限于此。本领域技术人员可以理解，也可以通过其他合适的方式获取原始图片。

步骤202，在原始图片上叠加半透明遮罩层，半透明遮罩层覆盖原始图片。

在本实施例中，该用于编辑图片的方法的执行主体(例如，图1所示的终端101、102、103)可以在步骤201呈现出的原始图片上叠加一层半透明遮罩层。其中，上述遮罩层可以完全覆盖上述原始图片，例如，上述遮罩层覆盖屏幕的整个显示区域。由于遮罩层为半透明，因此用户通过遮罩层可以清楚地观察到上述原始图片中的图像内容。

步骤203，基于用户在遮罩层上的滑动操作的覆盖区域确定待编辑区域。

在本实施例中，用户可以在步骤202叠加的遮罩层上进行滑动操作。例如，用户通过手指或触摸笔等在遮罩层上连续地滑动(或称涂抹)。

该用于编辑图片的方法的执行主体(例如，图1所示的终端101、102、103)可以基于上述滑动操作的覆盖区域来确定待编辑区域。这里，上述滑动操作的覆盖区域可以包括自从上述执行主体检测到触摸事件(例如，检测到用户手指按压在屏幕上)直至触摸事件结束(例如，用户手指离开屏幕)的过程中(即，在一次触摸期间)，用户手指或触摸笔等触摸过(或接触过)的区域。

在本实施例的一些可选的实现方式中，步骤203具体可以包括：

首先，获取用户在上述遮罩层上的滑动路径和路径宽度，以确定滑动操作的覆盖区域。这里，滑动路径可以是用户手指或触摸笔等滑过的路径。例如，手指滑过的一系列连续的点的集合。路径宽度可以是一个固定数值(例如，用户选取的宽度值)，或者可以是可变数值(随着按压力度、接触面积等参数的改变而不断变化的值)。

然后，将上述覆盖区域确定为待编辑区域。

在本实施例的另一些可选的实现方式中，步骤203具体可以包括：

首先，获取用户在上述遮罩层上的滑动路径和路径宽度，以确定滑动操作的覆盖区域。

然后，将上述覆盖区域之外的区域确定为待编辑区域。

与简单地放大缩小矩形框框选待编辑区域相比，上述实现方式基于滑动操作的覆盖区域确定待编辑区域，有助于用户更加快捷地确定出待编辑区域，并且确定出的待编辑区域并不局限于矩形，而是可以为任意形状，从而可以更加准确地确定出待编辑区域。

在本实施例的一些可选的实现方式中，显示在会话界面中的原始图片大小固定并且不可移动。

在本实施例的一些可选的实现方式中，在步骤202之后，上述执行主体可以通过如下方式获取用户在遮罩层上的滑动路径和路径宽度：响应于检测到触摸事件，记录触摸期间滑过的各个路径点的位置信息以及滑过每个点时的路径宽度。

应当理解，当路径宽度为固定数值时，可以仅记录触摸期间滑过的各个路径点的位置信息。

在本实施例的一些可选的实现方式中，上述执行主体可以在检测到用户对屏幕的按压压力大于或等于预设压力值或者按压时长大于或等于预设时长时，开始记录触摸期间滑过的各个路径点的位置信息以及滑过每个点时的路径宽度。这样，当按压压力小于预设压力值并且按压时长小于预设时长时，上述执行主体可以基于用户的触摸操作执行其他操作。

可选地，该用于编辑图片的方法还可以包括：响应于检测到至少两个手指同向滑动，使原始图片跟随滑动。例如，若检测到两个手指同时向右滑动，则可以使原始图片以与手指相同的速度向右滑动。

可选地，该用于编辑图片的方法还可以包括：响应于检测到至少两个手指异向滑动，缩放原始图片。例如，若检测到两个手指相向滑动，则可以缩小原始图片。而若检测到两个手指背向滑动，则可以放大原始图片。

在本实施例的一些可选的实现方式中，该用于编辑图片的方法还可以包括：响应于检测到用户在上述遮罩层上的滑动操作，在上述遮罩层上实时显示滑动操作的轨迹，以便于用户继续后续的滑动(或涂抹)。

在本实施例的一些可选的实现方式中，该用于编辑图片的方法还可以包括：在用户执行滑动操作期间，将用户滑过的区域中的遮罩层移除(或者将该部分遮罩层的颜色由半透明调整为完全透明)。该方式能够让用户实时查看即将确定出的待编辑区域，便于用户进行及时调整。

在本实施例的一些可选的实现方式中，该用于编辑图片的方法还可以包括：将上述待编辑区域中的遮罩层移除，或者将上述待编辑区域中的遮罩层的颜色由半透明调整为完全透明。通过将遮罩层移除，能够让用户清楚地观察到将要编辑的图像区域，以便确定后续操作(例如，执行步骤204，或者重新执行步骤203)。

步骤204，基于待编辑区域对原始图片进行编辑，生成编辑后的图片。

在本实施例中，该用于编辑图片的方法的执行主体(例如，图1所示的终端101、102、103)可以基于步骤203确定的待编辑区域对步骤201呈现的原始图片进行编辑，从而生成编辑后的图片。

与使用可放大缩小的矩形框对图片进行裁剪操作相比，在本实施例中，用户只需要在遮罩层上滑动即可，操作简单，并且能够涂抹出任意形状的待编辑区域，从而能够更加灵活地对原始图片进行编辑。

在本实施例的一些可选的实现方式中，步骤204具体可以包括：

首先，沿上述待编辑区域的边缘对原始图片进行裁剪，得到与上述待编辑区域对应的图像信息。即，得到原始图片的与待编辑区域重叠的区域中的图像信息。

然后，基于上述图像信息生成编辑后的图片。例如，将上述图像信息保存到新的透明画布中，得到一个新的图片。

可选地，可以将保存有上述图像信息的画布保存为支持透明背景的图片格式(例如，png(Portable Network Graphics，便携式网路图形)格式)的图片，从而可以得到不规则形状(例如，与滑动轨迹相同的形状)的图片。

可选地，可以将保存有上述图像信息的画布保存为不支持透明背景的图片格式(例如，jpg(Joint Photographic Experts Group，联合图像专家组))的图片，从而可以得到具有较高压缩比的规则形状(例如矩形)的图片。

在本实施例的一些可选的实现方式中，步骤204具体可以包括：使用预设图像替换原始图像的与上述待编辑区域对应的图像，并将替换后的图像保存为编辑后的图片。作为示例，可以使用黑色或白色等纯色图案替换原始图像中的与上述待编辑区域对应的区域中的图像，从而实现类似擦除的效果。

在本实施例的一些可选的实现方式中，步骤204具体可以包括：将预设图像叠加到原始图像的与上述待编辑区域对应的区域中的图像上，并将叠加后的图像保存为编辑后的图片。作为示例，可以将色块图案叠加到原始图像中的与上述待编辑区域对应的区域中的图像，从而实现类似马赛克的效果。

在本实施例的一些可选的实现方式中，该用于编辑图片的方法还可以包括：对编辑后的图片进行压缩，然后将压缩后的图片发送给会话界面对应的会话的对端，或保存压缩后的图片。作为示例，若用户A在会话界面中与用户B进行会话，则上述执行主体可以将编辑后的图片进行压缩之后发送用户B持有的终端。或者，在获得编辑后的图片后，可不执行压缩操作，而直接将编辑后的图片发送给会话界面对应的会话的对端，或保存编辑后的图片。

在本实施例的一些可选的实现方式中，在步骤204之前，该用于编辑图片的方法还可以包括：响应于检测到指示重新确定待编辑区域的操作，重新获取用户在遮罩层上的滑动操作的覆盖区域；然后基于重新获取的覆盖区域确定新的待编辑区域。

这里，指示重新确定待编辑区域的操作可以包括但不限于：用户点击“重做”按钮等的操作。作为示例，若用户对已经涂抹出来的待编辑区域不满意，想要重新涂抹待编辑区域，则用户可以点击“重做”按钮，然后在遮罩层上再次进行滑动操作。通过重新确定待编辑区域，可便于用户获得满意的待编辑区域。

继续参考图3A至图3C，其示出了根据本申请的用于编辑图片的方法的一个应用场景。在该应用场景中，首先如图3A所示，用户302在即时通讯会话界面中与用户301进行会话。用户302点击会话界面中的控件303从图库304中选取原始图片307。手机31检测到用户302的上述操作后，获取用户301从图库304中选取的原始图片307，并在屏幕上呈现原始图片307，如图3B所示。原始图片307上叠加有一层半透明遮罩层。当手指305在遮罩层上滑动时，手指滑过的区域中的遮罩层由半透明变为透明。当滑动结束后，得到待编辑区域306。最后，将原始图片307中与待编辑区域306重叠的区域之外的区域的图像裁剪掉，得到如图3C所示的编辑后的图片309。用户302点击按钮308之后，可以将图片309进行压缩之后保存到图库304中。

本申请实施例提供的用于编辑图片的方法，通过在进行IM会话时获取并呈现原始图片，之后在原始图片上叠加半透明遮罩层，然后基于用户在遮罩层上的滑动操作的覆盖区域确定待编辑区域，最后基于待编辑区域对原始图片进行编辑，从而能够让用户更加便捷地选出想要编辑的形状和区域。

下面参考图4，其示出了适于用来实现本申请实施例的电子设备(例如，图1所示的终端101、102、103)400的结构示意图。图4示出的电子设备400仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。

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

通常以下装置可以连接至I/O接口405：包括例如触摸屏、按键等的输入装置406；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置407；包括例如存储卡等的存储装置408；以及通信装置409。通信装置409可以允许电子设备400与其他设备进行无线或有线通信以交换数据。虽然图4示出了具有各种装置的电子设备400，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图4中示出的每个方框可以代表一个装置，也可以根据需要代表多个装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置409从网络上被下载和安装，或者从存储装置408被安装，或者从ROM 402被安装。在该计算机程序被处理装置401执行时，执行本公开的实施例的方法中限定的上述功能。需要说明的是，本公开所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的实施例中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的实施例中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述终端中所包含的；也可以是单独存在，而未装配入该终端中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该终端执行时，使得该终端：根据用户在即时通讯的会话界面展示时执行的图片获取操作，获取原始图片并呈现；在原始图片上叠加半透明遮罩层，半透明遮罩层覆盖原始图片；基于用户在遮罩层上的滑动操作的覆盖区域确定待编辑区域；基于待编辑区域对原始图片进行编辑，生成编辑后的图片。

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

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

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