基于移动端的图片调整方法及装置与流程

本发明涉及图片处理领域，具体涉及一种基于移动端的图片调整方法及装置。

背景技术

之前，用户通过手机或电脑上传图片后，无法对该图片进行调整，或者是可以对该图片进行简单的拖动、裁剪，无法对图片进行灵活、精确的控制，以达到很好的图片合成效果。现在越来越多的用户熟悉智能手机的操作，用户不满足于对图片的简单操作，而是对于精确控制的要求渐渐增加，用户更加注重最终效果而更接受较复杂的操作。

现有图片调整技术采用的方案为：预先给用户显示模板图片和镂空的部分，需要用户上传一张完全合乎规则的图片，在用户上传图片后，会直接截取图片的中间部分正方形区域，作为合成图片的素材与模板图片合成。

现有技术只能截取图片中间的正方形区域，对用户上传的图片要求很高，用户无法对上传后的图片进行调整，用户体验很差，如果用户想在网页中上传合适的图片，需要离开页面去处理图片后重新进入网页，如果对上传后的图片不满意，需要重复上述流程，导致用户流失率大大增加。

技术实现要素：

为解决现有技术的不足，本发明实施例提供了一种基于移动端的图片调整方法及装置。

为了实现上述目标，本发明采用如下的技术方案：

第一方面，本发明实施例提供了一种基于移动端的图片调整方法，该方法包括：

设定图片显示区域的坐标位置及面积大小；

设定图片显示区域的可操作区域的坐标位置及面积大小；

接收用户上传的图片；

在可操作区域内，根据用户的手指移动方向，对图片进行调整。

优选地，在设定图片显示区域的坐标位置及面积大小完成之后，该方法还包括：

接收用户上传的模板图片。

优选地，在接收用户上传的图片，在可操作区域内，对图片进行调整完成之后，将图片与模板图片合成为一张图片。

优选地，在图片与模板图片合成为一张图片之后，为图片匹配相应的属性值。

优选地，对图片进行调整包括：

根据用户手指的移动方向，对图片进行旋转、缩放及移动。

第二方面，本发明实施例提供了一种基于移动端的图片调整装置，该装置包括：设定模块、接收模块、调整模块、合成模块及匹配模块。其中，

设定模块，用于设定图片显示区域的坐标位置及面积大小；

设定模块，还用于设定图片显示区域的可操作区域的坐标位置及面积大小；

接收模块，用于接收用户上传的图片；

调整模块，用于根据用户的手指移动方向，对图片进行调整。

可选地，接收模块，还用于接收用户上传的模板图片。

可选地，合成模块，用于图片与模板图片合成为一张图片。

可选地，匹配模块，用于为图片匹配相应的属性值。

可选地，调整模块，具体用于根据用户手指的移动方向，对图片进行旋转、缩放及移动。

本发明的有益之处在于：

本发明实施例提供的基于移动端的图片调整方法及装置，实现了用户对上传后的图片进行调整，用户可以随意上传自己希望上传的图片，简化了上传图片的过程，提高了用户体验，解决了目前用户无法对上传后的图片进行调整的缺陷、用户体验差的缺陷。

附图说明

图1为本发明实施例提供的基于移动端的图片调整方法的流程示意图；

图2为本发明实施例提供的基于移动端的图片调整方法的经调整后的图片示意图；

图3为本发明实施例提供的基于移动端的图片调整装置的结构示意图。

具体实施方式

以下结合附图和具体实施例对本发明作具体的介绍。

如图1所示，本发明实施例提供的基于移动端的图片调整方法包括：

101，设定图片显示区域的坐标位置及面积大小。

在一个示例中，可以设置该图片显示区域的形状为长方形，其中，该长方形的长和宽分别为600mm、800mm。

102，设定所述图片显示区域的可操作区域的坐标位置及面积大小。

在一个示例中，可以设置该可操作区域的形状为正方形，其中，该正方形的长和宽均为400mm。

103，接收用户上传的图片。

在一个示例中，该图片可以为手机中保存的人像或风景。

104，在所述可操作区域内，根据用户的手指移动方向，对所述图片进行调整。

可选地，在设定图片显示区域的坐标位置及面积大小完成之后，所述方法还包括：

接收用户上传的模板图片。

可选地，在接收用户上传的图片，在所述可操作区域内，对所述图片进行调整完成之后，将所述图片与所述模板图片合成为一张图片。

可选地，在所述图片与所述模板图片合成为一张图片之后，为所述图片匹配相应的属性。

在一个示例中，模板图片的背景颜色包括：蓝色、黄色、橙色等；

属性可以包括：图片中人物的姓名、年龄所在的城市、鞋码及衣服尺码等。

可选地，对所述图片进行调整包括：

根据用户手指的移动方向，对所述图片进行旋转、缩放及移动。

在一个示例中，采用javascript语音实现对上传后的图片的旋转、缩放及移动功能，部分javascript代码如下：

在一个示例中，经过调整及合成后的图片如图2所示。

本发明实施例提供的基于移动端的图片调整方法，通过设定图片显示区域的坐标位置及面积大小，设定图片显示区域的可操作区域的坐标位置及面积大小，接收用户上传的图片，在可操作区域内，根据用户的手指移动方向，对图片进行调整，实现了用户对上传后的图片进行调整，用户可以随意上传自己希望上传的图片，简化了上传图片的过程，提高了用户体验。

如图3所示，本发明实施例提供的基于移动端的图片调整装置包括：设定模块、接收模块、调整模块、合成模块及匹配模块。其中，

设定模块，用于设定图片显示区域的坐标位置及面积大小；

所述设定模块，还用于设定所述图片显示区域的可操作区域的坐标位置及面积大小；

接收模块，用于接收用户上传的图片；

调整模块，用于根据用户的手指移动方向，对所述图片进行调整。

可选地，所述接收模块，还用于接收用户上传的模板图片。

可选地，合成模块，用于将所述图片与所述模板图片合成为一张图片。

可选地，匹配模块，用于为所述图片匹配相应的属性值。

可选地，所述调整模块，具体用于根据用户手指的移动方向，对所述图片进行旋转、缩放及移动。

本发明实施例提供了一种基于移动端的图片调整装置，该装置包括：设定模块、接收模块、调整模块、合成模块及匹配模块。其中，设定模块用于设定图片显示区域及图片显示区域的可操作区域的坐标位置及面积大小，接收模块用于接收用户上传的图片，调整模块用于根据用户的手指移动方向，对图片进行调整，实现了用户对上传后的图片进行调整，用户可以随意上传自己希望上传的图片，简化了上传图片的过程，提高了用户体验。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

可以理解的是，上述方法及装置中的相关特征可以相互参考。另外，上述实施例中的“第一”、“第二”等是用于区分各实施例，而并不代表各实施例的优劣。

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

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

此外，存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flashram)，存储器包括至少一个存储芯片。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flashram)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitorymedia)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。