CN108776950A - 基于移动端的图片调整方法及装置 - Google Patents
基于移动端的图片调整方法及装置 Download PDFInfo
- Publication number
- CN108776950A CN108776950A CN201810580660.XA CN201810580660A CN108776950A CN 108776950 A CN108776950 A CN 108776950A CN 201810580660 A CN201810580660 A CN 201810580660A CN 108776950 A CN108776950 A CN 108776950A
- Authority
- CN
- China
- Prior art keywords
- picture
- user
- module
- adjusting
- area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 42
- 230000015572 biosynthetic process Effects 0.000 claims abstract description 4
- 238000003786 synthesis reaction Methods 0.000 claims abstract description 4
- 230000002194 synthesizing effect Effects 0.000 claims description 6
- 230000008569 process Effects 0.000 abstract description 12
- 238000010586 diagram Methods 0.000 description 10
- 238000004590 computer program Methods 0.000 description 9
- 230000006870 function Effects 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 3
- 230000007547 defect Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/04—Context-preserving transformations, e.g. by using an importance map
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开的基于移动端的图片调整方法及装置,涉及图片处理技术领域,包括设定模块、接收模块、调整模块、合成模块及匹配模块,通过设定图片显示区域的坐标位置及面积大小,设定图片显示区域的可操作区域的坐标位置及面积大小,接收用户上传的图片,在可操作区域内,根据用户的手指移动方向,对图片进行调整,实现了用户对上传后的图片进行调整,用户可以随意上传自己希望上传的图片,简化了上传图片的过程,提高了用户体验。
Description
技术领域
本发明涉及图片处理领域,具体涉及一种基于移动端的图片调整方法及装置。
背景技术
之前,用户通过手机或电脑上传图片后,无法对该图片进行调整,或者是可以对该图片进行简单的拖动、裁剪,无法对图片进行灵活、精确的控制,以达到很好的图片合成效果。现在越来越多的用户熟悉智能手机的操作,用户不满足于对图片的简单操作,而是对于精确控制的要求渐渐增加,用户更加注重最终效果而更接受较复杂的操作。
现有图片调整技术采用的方案为:预先给用户显示模板图片和镂空的部分,需要用户上传一张完全合乎规则的图片,在用户上传图片后,会直接截取图片的中间部分正方形区域,作为合成图片的素材与模板图片合成。
现有技术只能截取图片中间的正方形区域,对用户上传的图片要求很高,用户无法对上传后的图片进行调整,用户体验很差,如果用户想在网页中上传合适的图片,需要离开页面去处理图片后重新进入网页,如果对上传后的图片不满意,需要重复上述流程,导致用户流失率大大增加。
发明内容
为解决现有技术的不足,本发明实施例提供了一种基于移动端的图片调整方法及装置。
为了实现上述目标,本发明采用如下的技术方案:
第一方面,本发明实施例提供了一种基于移动端的图片调整方法,该方法包括:
设定图片显示区域的坐标位置及面积大小;
设定图片显示区域的可操作区域的坐标位置及面积大小;
接收用户上传的图片;
在可操作区域内,根据用户的手指移动方向,对图片进行调整。
优选地,在设定图片显示区域的坐标位置及面积大小完成之后,该方法还包括:
接收用户上传的模板图片。
优选地,在接收用户上传的图片,在可操作区域内,对图片进行调整完成之后,将图片与模板图片合成为一张图片。
优选地,在图片与模板图片合成为一张图片之后,为图片匹配相应的属性值。
优选地,对图片进行调整包括:
根据用户手指的移动方向,对图片进行旋转、缩放及移动。
第二方面,本发明实施例提供了一种基于移动端的图片调整装置,该装置包括:设定模块、接收模块、调整模块、合成模块及匹配模块。其中,
设定模块,用于设定图片显示区域的坐标位置及面积大小;
设定模块,还用于设定图片显示区域的可操作区域的坐标位置及面积大小;
接收模块,用于接收用户上传的图片;
调整模块,用于根据用户的手指移动方向,对图片进行调整。
可选地,接收模块,还用于接收用户上传的模板图片。
可选地,合成模块,用于图片与模板图片合成为一张图片。
可选地,匹配模块,用于为图片匹配相应的属性值。
可选地,调整模块,具体用于根据用户手指的移动方向,对图片进行旋转、缩放及移动。
本发明的有益之处在于:
本发明实施例提供的基于移动端的图片调整方法及装置,实现了用户对上传后的图片进行调整,用户可以随意上传自己希望上传的图片,简化了上传图片的过程,提高了用户体验,解决了目前用户无法对上传后的图片进行调整的缺陷、用户体验差的缺陷。
附图说明
图1为本发明实施例提供的基于移动端的图片调整方法的流程示意图;
图2为本发明实施例提供的基于移动端的图片调整方法的经调整后的图片示意图;
图3为本发明实施例提供的基于移动端的图片调整装置的结构示意图。
具体实施方式
以下结合附图和具体实施例对本发明作具体的介绍。
如图1所示,本发明实施例提供的基于移动端的图片调整方法包括:
101,设定图片显示区域的坐标位置及面积大小。
在一个示例中,可以设置该图片显示区域的形状为长方形,其中,该长方形的长和宽分别为600mm、800mm。
102,设定所述图片显示区域的可操作区域的坐标位置及面积大小。
在一个示例中,可以设置该可操作区域的形状为正方形,其中,该正方形的长和宽均为400mm。
103,接收用户上传的图片。
在一个示例中,该图片可以为手机中保存的人像或风景。
104,在所述可操作区域内,根据用户的手指移动方向,对所述图片进行调整。
可选地,在设定图片显示区域的坐标位置及面积大小完成之后,所述方法还包括:
接收用户上传的模板图片。
可选地,在接收用户上传的图片,在所述可操作区域内,对所述图片进行调整完成之后,将所述图片与所述模板图片合成为一张图片。
可选地,在所述图片与所述模板图片合成为一张图片之后,为所述图片匹配相应的属性。
在一个示例中,模板图片的背景颜色包括:蓝色、黄色、橙色等;
属性可以包括:图片中人物的姓名、年龄所在的城市、鞋码及衣服尺码等。
可选地,对所述图片进行调整包括:
根据用户手指的移动方向,对所述图片进行旋转、缩放及移动。
在一个示例中,采用javascript语音实现对上传后的图片的旋转、缩放及移动功能,部分javascript代码如下:
在一个示例中,经过调整及合成后的图片如图2所示。
本发明实施例提供的基于移动端的图片调整方法,通过设定图片显示区域的坐标位置及面积大小,设定图片显示区域的可操作区域的坐标位置及面积大小,接收用户上传的图片,在可操作区域内,根据用户的手指移动方向,对图片进行调整,实现了用户对上传后的图片进行调整,用户可以随意上传自己希望上传的图片,简化了上传图片的过程,提高了用户体验。
如图3所示,本发明实施例提供的基于移动端的图片调整装置包括:设定模块、接收模块、调整模块、合成模块及匹配模块。其中,
设定模块,用于设定图片显示区域的坐标位置及面积大小;
所述设定模块,还用于设定所述图片显示区域的可操作区域的坐标位置及面积大小;
接收模块,用于接收用户上传的图片;
调整模块,用于根据用户的手指移动方向,对所述图片进行调整。
可选地,所述接收模块,还用于接收用户上传的模板图片。
可选地,合成模块,用于将所述图片与所述模板图片合成为一张图片。
可选地,匹配模块,用于为所述图片匹配相应的属性值。
可选地,所述调整模块,具体用于根据用户手指的移动方向,对所述图片进行旋转、缩放及移动。
本发明实施例提供了一种基于移动端的图片调整装置,该装置包括:设定模块、接收模块、调整模块、合成模块及匹配模块。其中,设定模块用于设定图片显示区域及图片显示区域的可操作区域的坐标位置及面积大小,接收模块用于接收用户上传的图片,调整模块用于根据用户的手指移动方向,对图片进行调整,实现了用户对上传后的图片进行调整,用户可以随意上传自己希望上传的图片,简化了上传图片的过程,提高了用户体验。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
可以理解的是,上述方法及装置中的相关特征可以相互参考。另外,上述实施例中的“第一”、“第二”等是用于区分各实施例,而并不代表各实施例的优劣。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
此外,存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种基于移动端的图片调整方法,其特征在于,包括:
设定图片显示区域的坐标位置及面积大小;
设定所述图片显示区域的可操作区域的坐标位置及面积大小;
接收用户上传的图片;
在所述可操作区域内,根据用户的手指移动方向,对所述图片进行调整。
2.根据权利要求1所述的方法,其特征在于,在设定图片显示区域的坐标位置及面积大小完成之后,所述方法还包括:
接收用户上传的模板图片。
3.根据权利要求1所述的方法,其特征在于,在接收用户上传的图片,在所述可操作区域内,对所述图片进行调整完成之后,将所述图片与所述模板图片合成为一张图片。
4.根据权利要求3所述的方法,其特征在于,在所述图片与所述模板图片合成为一张图片之后,为所述图片匹配相应的属性值。
5.根据权利要求1所述的方法,其特征在于,对所述图片进行调整包括:
根据用户手指的移动方向,对所述图片进行旋转、缩放及移动。
6.一种基于移动端的图片调整装置,其特征在于,包括:
设定模块,用于设定图片显示区域的坐标位置及面积大小;
所述设定模块,还用于设定所述图片显示区域的可操作区域的坐标位置及面积大小;
接收模块,用于接收用户上传的图片;
调整模块,用于根据用户的手指移动方向,对所述图片进行调整。
7.根据权利要求5所述的装置,其特征在于,
所述接收模块,还用于接收用户上传的模板图片。
8.根据权利要求5所述的装置,其特征在于,所述装置还包括:
合成模块,用于将所述图片与所述模板图片合成为一张图片。
9.根据权利要求8所述的装置,其特征在于,所述装置还包括:
匹配模块,用于为所述图片匹配相应的属性值。
10.根据权利要求5所述的装置,其特征在于,
所述调整模块,具体用于根据用户手指的移动方向,对所述图片进行旋转、缩放及移动。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810580660.XA CN108776950A (zh) | 2018-06-07 | 2018-06-07 | 基于移动端的图片调整方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810580660.XA CN108776950A (zh) | 2018-06-07 | 2018-06-07 | 基于移动端的图片调整方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108776950A true CN108776950A (zh) | 2018-11-09 |
Family
ID=64024697
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810580660.XA Pending CN108776950A (zh) | 2018-06-07 | 2018-06-07 | 基于移动端的图片调整方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108776950A (zh) |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104023178A (zh) * | 2014-06-19 | 2014-09-03 | 深圳市中兴移动通信有限公司 | 一种在拍摄过程中进行图片处理的方法、装置及移动终端 |
CN104168417A (zh) * | 2014-05-20 | 2014-11-26 | 腾讯科技(深圳)有限公司 | 图片处理方法及装置 |
US20160012025A1 (en) * | 2013-02-27 | 2016-01-14 | Uc Mobile Limited | Web page display method and device |
CN105303523A (zh) * | 2014-12-01 | 2016-02-03 | 维沃移动通信有限公司 | 一种图像处理方法及移动终端 |
CN105303591A (zh) * | 2014-05-26 | 2016-02-03 | 腾讯科技(深圳)有限公司 | 在拼图上叠加地点信息的方法、终端及服务器 |
CN105812643A (zh) * | 2014-12-30 | 2016-07-27 | 中兴通讯股份有限公司 | 拼图的处理方法及装置 |
CN105824407A (zh) * | 2016-02-04 | 2016-08-03 | 维沃移动通信有限公司 | 触摸反馈方法及移动终端 |
CN106775293A (zh) * | 2016-11-22 | 2017-05-31 | 维沃移动通信有限公司 | 一种图片的操作方法及移动终端 |
CN107481190A (zh) * | 2017-07-04 | 2017-12-15 | 腾讯科技(深圳)有限公司 | 一种图像数据处理方法以及装置 |
CN108008871A (zh) * | 2016-10-27 | 2018-05-08 | 阿里巴巴集团控股有限公司 | 一种页面生成方法及装置 |
-
2018
- 2018-06-07 CN CN201810580660.XA patent/CN108776950A/zh active Pending
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20160012025A1 (en) * | 2013-02-27 | 2016-01-14 | Uc Mobile Limited | Web page display method and device |
CN104168417A (zh) * | 2014-05-20 | 2014-11-26 | 腾讯科技(深圳)有限公司 | 图片处理方法及装置 |
CN105303591A (zh) * | 2014-05-26 | 2016-02-03 | 腾讯科技(深圳)有限公司 | 在拼图上叠加地点信息的方法、终端及服务器 |
CN104023178A (zh) * | 2014-06-19 | 2014-09-03 | 深圳市中兴移动通信有限公司 | 一种在拍摄过程中进行图片处理的方法、装置及移动终端 |
CN105303523A (zh) * | 2014-12-01 | 2016-02-03 | 维沃移动通信有限公司 | 一种图像处理方法及移动终端 |
CN105812643A (zh) * | 2014-12-30 | 2016-07-27 | 中兴通讯股份有限公司 | 拼图的处理方法及装置 |
CN105824407A (zh) * | 2016-02-04 | 2016-08-03 | 维沃移动通信有限公司 | 触摸反馈方法及移动终端 |
CN108008871A (zh) * | 2016-10-27 | 2018-05-08 | 阿里巴巴集团控股有限公司 | 一种页面生成方法及装置 |
CN106775293A (zh) * | 2016-11-22 | 2017-05-31 | 维沃移动通信有限公司 | 一种图片的操作方法及移动终端 |
CN107481190A (zh) * | 2017-07-04 | 2017-12-15 | 腾讯科技(深圳)有限公司 | 一种图像数据处理方法以及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2020052523A1 (zh) | 一种图像裁剪的方法和装置 | |
EP3168742B1 (en) | Method and device for drawing gui | |
EP3686834A1 (en) | Image warping method and device | |
CN107015788B (zh) | 在移动设备上动画展现图像的方法和装置 | |
KR101414195B1 (ko) | 복수의 아이템들을 공간 내에 자동으로 배치하는 장치, 방법 및 컴퓨터 판독 가능한 기록 매체 | |
EP3407300A1 (en) | Method and device for realizing color tween animation | |
CN107463302B (zh) | 一种图标布局调整方法及其装置 | |
CN105531998A (zh) | 用于对象检测和分割的方法、装置及计算机程序产品 | |
CN104637078A (zh) | 一种图像处理方法及装置 | |
CN107566688A (zh) | 一种基于卷积神经网络的视频防抖方法及装置 | |
EP3690604A1 (en) | Display control method and system, and virtual reality device | |
JP2014038601A (ja) | イメージ分析によるイメージ自動編集装置、方法およびコンピュータ読み取り可能な記録媒体 | |
CN106649541A (zh) | 一种动画播放、生成方法及装置 | |
CN109426415B (zh) | 一种生成级联选择器的方法及装置 | |
CN107578367A (zh) | 一种风格化图像的生成方法及装置 | |
CN110941428B (zh) | 一种网站创建方法和装置 | |
CN105045587A (zh) | 一种图片展示方法及装置 | |
CN109857964B (zh) | 一种页面操作的热力图绘制方法、装置、存储介质及处理器 | |
CN104333699A (zh) | 自定义拍照区域合成方法及装置 | |
CN112162669A (zh) | 智能终端的录屏方法、装置、存储介质及处理器 | |
WO2021134586A1 (zh) | 一种图像处理方法、控制方法、设备及存储介质 | |
CN107092428A (zh) | 一种图片修改方法及装置 | |
CN104978445B (zh) | 一种图片组合的方法及装置 | |
CN102572219A (zh) | 移动终端及其图像处理方法 | |
CN107545222A (zh) | 在虚拟现实场景中显示目标图像的方法及其系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20181109 |