CN106803234A - 图片编辑中的图片显示控制方法及装置 - Google Patents

图片编辑中的图片显示控制方法及装置 Download PDF

Info

Publication number
CN106803234A
CN106803234A CN201510843542.XA CN201510843542A CN106803234A CN 106803234 A CN106803234 A CN 106803234A CN 201510843542 A CN201510843542 A CN 201510843542A CN 106803234 A CN106803234 A CN 106803234A
Authority
CN
China
Prior art keywords
picture
viewing area
body region
template
border
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.)
Granted
Application number
CN201510843542.XA
Other languages
English (en)
Other versions
CN106803234B (zh
Inventor
汪倩怡
王志斌
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201510843542.XA priority Critical patent/CN106803234B/zh
Priority to PCT/CN2016/102329 priority patent/WO2017088605A1/zh
Publication of CN106803234A publication Critical patent/CN106803234A/zh
Priority to US15/692,208 priority patent/US10360659B2/en
Priority to US16/439,429 priority patent/US11087436B2/en
Application granted granted Critical
Publication of CN106803234B publication Critical patent/CN106803234B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00Geometric image transformations in the plane of the image
    • G06T3/40Scaling of whole images or parts thereof, e.g. expanding or contracting
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/60Editing figures and text; Combining figures or text
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06VIMAGE OR VIDEO RECOGNITION OR UNDERSTANDING
    • G06V10/00Arrangements for image or video recognition or understanding
    • G06V10/20Image preprocessing
    • G06V10/25Determination of region of interest [ROI] or a volume of interest [VOI]
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2207/00Indexing scheme for image analysis or image enhancement
    • G06T2207/20Special algorithmic details
    • G06T2207/20004Adaptive image processing
    • G06T2207/20012Locally adaptive
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00Image analysis
    • G06T7/30Determination of transform parameters for the alignment of images, i.e. image registration
    • G06T7/33Determination of transform parameters for the alignment of images, i.e. image registration using feature-based methods
    • G06T7/337Determination of transform parameters for the alignment of images, i.e. image registration using feature-based methods involving reference images or patches

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Multimedia (AREA)
  • Human Computer Interaction (AREA)
  • General Engineering & Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本发明公开了一种图片编辑中的图片显示控制方法及装置,其中,所述图片编辑中的图片显示控制方法包括:载入获取到的待编辑的图片;在载入的所述图片中进行主体区域的识别;在预设的模板中嵌入所述图片;及居中显示所述主体区域于所述模板的显示区域,并根据嵌入的所述图片与显示区域的适配状态动态调整所述图片,以自适应地使得所述图片与显示区域适配。所述图片编辑中的图片显示控制装置与上述方法相匹配。本发明的图片编辑中的图片显示控制方法及装置能够提高图片显示的准确性。

Description

图片编辑中的图片显示控制方法及装置
技术领域
本发明涉及计算机应用技术领域,尤其涉及一种图片编辑中的图片显示控制方法及装置。
背景技术
随着计算机应用技术的飞速发展,各种图片编辑应用程序应运而生,通过图片编辑应用程序中简单实用的图片编辑功能,即可使用户轻松制作出各种效果的图片,目前已受到广大用户的追捧。
在现有的图片编辑应用程序中,通常会预设多种不同类型的模板,供用户选择,以在用户选取待编辑的图片和模板后,将待编辑的图片显示于模板的显示区域中。而在图片的显示过程中,由于用户选取的模板的显示区域的尺寸和图片的尺寸并不总是恰好相等,为了使得图片适配于显示区域,一般做法就是直接选取图片的中间区域,并将其显示于模板的显示区域,但这可能会导致模板的显示区域中展示给用户看的内容未必是图片中的重要内容。
此外,用户经常会根据需要对模板的显示区域的范围进行调整,例如,拖动显示区域中的右边界,以使显示区域的范围变大。在显示区域的范围发生变化之后,为了使之前的图片能够再次适配变化了的显示区域,一般做法则是顺沿拖动方向将图片中未显示部分继续展示给用户看。同样的,这也可能导致模板的显示区域中展示给用户看的内容未必是图片中的重要内容。
如上所述,现有的图片编辑中的图片显示过程中还存在着图片显示的准确性不够的问题。
发明内容
基于此,有必要提供一种能够提高图片显示的准确性的图片编辑中的图片显示控制方法。
此外,还有必要提供一种能够提高图片显示的准确性的图片编辑中的图片显示控制装置。
为了解决上述技术问题,本发明所采用的技术方案为:
一种图片编辑中的图片显示控制方法,包括:载入获取到的待编辑的图片;在载入的所述图片中进行主体区域的识别;在预设的模板中嵌入所述图片;及居中显示所述主体区域于所述模板的显示区域,并根据嵌入的所述图片与显示区域的适配状态动态调整所述图片,以自适应地使得所述图片与显示区域适配。
一种图片编辑中的图片显示控制装置,包括:载入模块,用于载入获取到的待编辑的图片;识别模块,用于在载入的所述图片中进行主体区域的识别;嵌入模块,用于在预设的模板中嵌入所述图片;及适配模块,用于居中显示所述主体区域于所述模板的显示区域,并根据嵌入的所述图片与显示区域的适配状态动态调整所述图片,以自适应地使得所述图片与显示区域适配。
与现有技术相比,本发明具有以下有益效果:
通过对载入的待编辑的图片进行主体区域的识别,并将该待编辑的图片嵌入预设的模板中,在模板的显示区域中将识别到的主体区域居中显示,并根据嵌入的图片与显示区域的适配状态动态调整图片,以自适应地使得图片与显示区域适配。也就是说,通过主体区域的居中显示与自适应地对图片进行动态调整,使得模板的显示区域中显示的图片即为包含了重要内容的图片,从而避免了现有技术中模板的显示区域中展示给用户看的内容未必是图片中的重要内容的问题,进而有效地提高了图片显示的准确性,提升了用户的体验。
附图说明
图1为一实施例的图片编辑中的图片显示控制方法的流程图;
图2为另一实施例的图片编辑中的图片显示控制方法的流程图;
图3为一实施例的侦听得到触发显示区域中边界拖动的操作,通过操作调整显示区域的范围的示意图;
图4为图2中按照边界拖动的拖动方向,触发移动边界所在的最长边,并形成模板各显示区域的新布局的示意图;
图5为图2中按照边界拖动的拖动方向,触发移动边界所在的最长边,并形成模板各显示区域的新布局的示意图;
图6为图2中按照边界拖动的拖动方向,触发移动边界所在的最长边,并形成模板各显示区域的新布局的示意图;
图7为图1中根据嵌入的所述图片与显示区域的适配状态动态调整所述图片的方法流程图;
图8为图7中适配状态为显示区域的相对两边界超出图片的示意图;
图9为图7中以居中显示的主体区域的中心位置为基准,放大图片的示意图;
图10为一实施例的图片编辑中的图片显示控制系统的结构框图;
图11为另一实施例的图片编辑中的图片显示控制系统的结构框图;
图12为一实施例的适配模块的结构框图;
图13为本发明各实施例所提供的一种客户端的结构示意图。
具体实施方式
体现本发明特征与优点的典型实施方式将在以下的说明中详细叙述。应理解的是本发明能够在不同的实施方式上具有各种的变化,其皆不脱离本发明的范围,且其中的说明及图示在本质上是当作说明之用,而非用以限制本发明。
如前所述,为了提高图片显示的准确性,使得模板的显示区域中展示给用户看的内容包含有图片中的重要内容,特提出了一种图片编辑中的图片显示控制方法。该方法可依赖于计算机程序,该计算机程序将运行在客户端之上。
请参阅图1,在一实施例中,一种图片编辑中的图片显示控制方法,包括以下步骤:
步骤110,载入获取到的待编辑的图片。
待编辑的图片的获取途径可以是对待编辑的图片进行扫描,也可以是从媒体库预先存储的图片中选取,还可以是直接对外界事物进行拍摄。
本实施例中,载入获取到的待编辑的图片由客户端实现,以利于载入的图片能够在该客户端上完成图片编辑中的图片显示控制。
其中,客户端可以是用于图片编辑的软件客户端,例如,图片编辑应用程序,也可以是用于图片编辑的网页客户端,例如,图片编辑网站。
步骤130,在载入的图片中进行主体区域的识别。
主体区域指的是图片中的重要内容,例如,一张人物图片,其中的主体区域应为该人物。
进一步地,若主体区域识别成功,主体区域将通过客户端进行记录,以便于后续图片编辑过程中主体区域的显示;若主体区域识别失败,客户端将侦听得到用户在载入的图片中触发的手动调节操作,通过该手动调节操作辅助客户端进行主体区域的识别,直至主体区域识别成功。
通过识别载入的图片中的主体区域,将有利于更好地向用户展示图片中的重要内容,从而提高图片显示的准确性。
步骤150,在预设的模板中嵌入图片。
模板是指构成图片的显示区域的固定格式,由客户端预先设置。客户端预设的模板的类型是多种多样的,以更好地供用户选择。
例如,单拼模板中仅包含一个显示区域;双拼模板中则包含两个显示区域,该两个显示区域既可以是上下拼接,也可以是左右拼接;以此类推,多拼模板则是由多个显示区域按照不同的拼接方式拼接组成。
在用户选定预设的模板之后,图片将通过客户端被嵌入预设的模板中,以进一步地显示在模板的显示区域中。
步骤170,居中显示主体区域于模板的显示区域,并根据嵌入的图片与显示区域的适配状态动态调整图片,以自适应地使得图片与显示区域适配。
由于嵌入的图片的尺寸并不总是恰好等于模板的显示区域的尺寸,而图片的主体区域表示的是图片中的重要内容,因此,在图片嵌入预设的模板之后,通过在模板的显示区域中居中显示主体区域,即使得主体区域的中心位置对齐模板的显示区域的中心位置,以此保证了主体区域即图片中的重要内容能够优先地向用户展示。
如果嵌入了图片的模板不能完整地显示出主体区域,或者模板中仍然存在未有图片显示的显示区域,客户端将需要根据图片中未显示部分对未有图片显示的显示区域进行填充,以使图片与显示区域适配。
具体地,相对模板的显示区域的边界而言,按照图片中未显示部分进行划分,图片与显示区域的适配状态包括:图片与显示区域宽高适配、主体区域超出显示区域、显示区域的相对两边界超出图片、以及显示区域的任一边界超出图片。
其中,第一种属于图片与显示区域适配,即模板的显示区域的所有边界均未超出图片,此时客户端不对图片作为;后三种均属于图片与显示区域不适配,要么是主体区域显示不完整,要么是模板中的相对两侧存在未有图片显示的显示区域,要么是模板中的任一侧存在未有图片显示的显示区域,此时客户端需要对图片进行自适应地动态调整,直至图片与显示区域适配。
通过如上所述的过程,将使得客户端能够准确地于模板的显示区域中显示图片的主体区域,并随着显示区域的范围或者图片发生的变化(例如,显示区域的范围变大,或者,更换后的图片变小等等)而能够自适应地动态调整图片,实现模板的显示区域中图片的动态显示,保证模板的显示区域中展示给用户看的内容即包含有图片中的重要内容,从而有效提高了图片显示的准确性,使得图片显示效果更好,提升了用户的体验。
在一实施例中,步骤170之后,如上所述的方法还包括以下步骤:
侦听得到触发显示区域中边界拖动的操作,以通过操作调整显示区域的范围。
显示区域的范围是有限的,若需要改变显示区域的范围,客户端将侦听得到触发显示区域中边界拖动的操作,通过该操作即可对显示区域的范围进行调整,使得显示区域的范围发生变化。
需要说明的是,用户触发的该操作可以是仅拖动显示区域中的其中一边界触发的,也可以是拖动显示区域的其中一角触发的,此时将是同时拖动显示区域中的相邻两边界。
如图3所示,在模板中,通过用户向右拖动显示区域中的右边界所触发的操作310,向右调整显示区域,使得显示区域的范围增加。
进一步地,在显示区域的范围发生变化之后,在保证主体区域居中显示的前提下,图片与显示区域的适配状态可能也相应地发生了变化,因此,模板的显示区域中将自适应地触发图片的动态调整,以使图片与显示区域能够再次适配。
无论是初次进行图片与显示区域的自适应适配,还是后续由于显示区域的范围或者图片发生了变化而触发的二者之间的再次自适应适配,均执行步骤170的过程,以实现动态变化的显示区域中图片的动态显示。
值得一提的是,为了实现动态变化的显示区域中图片的动态显示,若预设的模板发生变化,则是执行步骤150至步骤170的过程。
请参阅图2,在一实施例中,模板包括触发了边界拖动的显示区域和周边的至少一其他显示区域。
本实施例中,客户端预设的模板是由多个显示区域按照不同的拼接方式拼接组成的,因此,当其中一显示区域通过触发了边界拖动来改变自身范围时,势必会影响与其相邻的周边的其他显示区域的范围发生变化。
进一步地,步骤170之后,如上所述的方法还包括以下步骤:
步骤210,按照边界拖动的拖动方向,触发移动边界所在的最长边,并在操作停止时使最长边停留在当前位置。
步骤230,停留的最长边与模板中各显示区域中相邻的边界重新相交,形成模板中各显示区域的新布局。
边界所在的最长边可以是边界自身,也可以是由多个显示区域的边界共同组成。无论何种情况,最长边被触发移动之后,最长边两侧的显示区域的范围都将发生变化,从而形成模板中各显示区域的新布局。
如图4所示,边界所在最长边450由多个显示区域的边界共同组成时,按照边界411拖动的拖动方向430,边界411所在的最长边450被触发沿拖动方向430移动,其他与最长边450不相邻的边界412及相应的顶点A、B、C则保持不动。
在操作停止时,形成停留在当前位置的最长边470。该停留的最长边470与模板中各显示区域相邻的边界413、414、415重新相交,分别形成新的顶点D、E、F,以此形成模板中各显示区域的新布局,即显示区域1、2、3的范围增加,显示区域4、5的范围减少。
如图5所示,边界所在的最长边511即为边界511时,按照边界511拖动的拖动方向530,边界511所在的最长边511被触发沿拖动方向530移动,其他与最长边511不相邻的边界及相应的顶点则保持不动。
在操作停止时,形成停留在当前位置的最长边550。该停留的最长边550与模板中各显示区域相邻的边界512重新相交,形成新的顶点G,以此形成模板中各显示区域的新布局,即显示区域6的范围增加,显示区域7的范围减少。
值得一提的是,本实施例中,边界的拖动是有极限的。如图6所示,当边界610所在的最长边610沿拖动方向630拖动,在边界610拖动至与边界650之间的距离达到预设的最小宽度时,边界610则无法继续沿拖动方向630拖动。
进一步地,在其他显示区域的范围发生变化之后,在保证主体区域居中显示的前提下,图片与其他显示区域的适配状态同样可能相应地发生了变化,因此,模板的其他显示区域中也将触发图片的动态调整,以自适应地使得图片与其他显示区域能够再次适配,即通过执行步骤170的过程,实现动态变化的显示区域中图片的动态显示。
如前所述,图片与显示区域的适配状态包括:图片与显示区域宽高适配、主体区域超出显示区域、显示区域的相对两边界超出图片、以及显示区域的任一边界超出图片。
在主体区域居中显示于模板的显示区域的前提下,按照图片与显示区域适配状态的不同,根据嵌入的图片与显示区域的适配状态动态调整图片的步骤也会有所区别,现结合图7至图9对该步骤加以说明如下。
在一实施例中,适配状态为主体区域超出显示区域710,根据嵌入的图片与显示区域的适配状态动态调整图片的步骤包括以下步骤:
步骤171,以居中显示的主体区域的中心位置为基准,缩小主体区域。
本实施例中,无论是初次适配,还是在显示区域的范围或者图片变化之后的再次适配,在主体区域居中显示于模板的显示区域之后,若该居中显示的主体区域超出了显示区域,为了保证模板中向用户展示的图片中包含有图片中的重要内容,即主体区域,将以主体区域的中心位置为基准,对超出的主体区域进行缩小,以使缩小后的主体区域能够适配于显示区域。
在一实施例中,适配状态为显示区域的相对两边界超出图片730,根据嵌入的图片与显示区域的适配状态动态调整图片的步骤包括以下步骤:
步骤173,以居中显示的主体区域的中心位置为基准,放大图片。
例如,显示区域与图片适配即显示区域被嵌入的图片完全填充之后,若继续向下拖动显示区域中的下边界,由于竖直方向上的图片在此之前已完整地显示于显示区域中,基于此,模板中将出现未有图片显示的显示区域(如图8中阴影填充框所示)。
此时,客户端将主体区域的中心位置与显示区域的中心位置对齐,在主体区域居中显示于模板的显示区域的前提下,在显示区域的相对两边界中,上下边界(图8中粗体实线所示)均超出主体区域居中显示的图片(图8中虚线所示),即适配状态为显示区域的相对两边界超出图片730,此时,将基于居中显示的主体区域的中心位置,对图片进行放大,使得放大的图片能够适配于显示区域,如图9所示。
通过如上所述过程,在主体区域居中显示的前提下,使得缩放的图片能够适配于显示区域,由此保证了模板的显示区域中所展示的内容包含了图片中的重要内容,提高了图片显示的准确性,使得图片的显示效果更好,提升了用户的体验。
在一实施例中,适配状态为显示区域的任一边界超出图片750。
可以理解,本实施例中,显示区域的任一边界超出图片750可以是显示区域中仅其中一边界超出图片的情况,也可以是显示区域中任意相邻的两边界超出图片的情况,而不包括显示区域中相对两边界超出图片的情况。
进一步地,根据嵌入的图片与显示区域的适配状态动态调整图片的步骤包括以下步骤:
步骤175,相对显示区域的该任一边界,得到图片中未显示部分。
当适配状态为显示区域的任一边界超出图片750,即表示模板中相对显示区域的该任一边界的一侧存在未有图片显示的显示区域,此时,客户端为了对未有图片显示的显示区域进行填充,将相对显示区域的该任一边界,判断是否能够得到图片中未显示部分。
若能够得到图片中未显示部分,则进入步骤177,通过客户端以图片中未显示部分对未有图片显示的显示区域进行填充。
若得不到图片中未显示部分,即表示图片已完整地显示于模板的显示区域中,此时,以居中显示的主体区域的中心位置为基准,对图片进行放大,使得客户端以放大的图片对未有图片显示的显示区域进行填充。
步骤177,将图片中未显示部分向显示区域的该任一边界移动。
在相对显示区域的该任一边界得到图片中未显示部分之后,通过将图片中未显示部分向显示区域的该任一边界移动,使得未有图片显示的显示区域被移动的图片填充,以此自适应地使得图片与显示区域适配。
通过如上所述过程,图片移动之后,图片中未显示部分相应地移动进入显示区域,主体区域也将随之移动,虽然移动的主体区域不再居中显示,但是移动的图片与显示区域适配后,使得模板的显示区域中向用户展示的内容中包含了图片中更多的内容,由此保证了图片显示的准确性,提升了用户的体验。
此外,值得一提的是,无论初次适配,还是后续显示区域的范围或者图片变化后的再次适配,若客户端在对齐主体区域的中心位置与模板的显示区域的中心位置,即使得主体区域居中显示于模板的显示区域时,模板的显示区域均已被嵌入的图片完全填充,此时,图片与显示区域的适配状态为图片与显示区域宽高适配,则客户端不再对嵌入的图片进行任何的动态调整,而是直接将模板的显示区域中嵌入的图片展示给用户。
请参阅图10,在一实施例中,一种图片编辑中的图片显示控制装置,包括:载入模块810、识别模块830、嵌入模块850及适配模块870。
其中,载入模块810用于载入获取到的待编辑的图片。
识别模块830用于在载入的图片中进行主体区域的识别。
嵌入模块850用于在预设的模板中嵌入图片。
适配模块870用于居中显示主体区域于模板的显示区域,并根据嵌入的图片与显示区域的适配状态动态调整图片,以自适应地使得图片与显示区域适配。
在一实施例中,如上所述的装置还包括:侦听模块,用于侦听得到触发显示区域中边界拖动的操作,以通过操作调整显示区域的范围。
请参阅图11,在一实施例中,如上所述的装置还包括:移动模块910及相交模块930。
其中,移动模块910用于按照边界拖动的拖动方向,触发移动边界所在的最长边,并在操作停止时使最长边停留在当前位置。
相交模块930用于停留的最长边与模板中各显示区域中相邻的边界重新相交,形成模板中各显示区域的新布局。
请参阅图12,在一实施例中,适配状态为主体区域超出显示区域,适配模块870包括:缩小单元871,用于以居中显示的主体区域的中心位置为基准,缩小主体区域。
请参阅图12,在一实施例中,适配状态为显示区域的相对两边界超出图片,适配模块870包括:放大单元873,用于以居中显示的主体区域的中心位置为基准,放大图片。
请参阅图12,在一实施例中,适配状态为显示区域的任一边界超出图片,适配模块870包括:获取单元875及移动单元877。
其中,获取单元875,用于相对显示区域的该任一边界,得到图片中未显示部分。
移动单元877,用于将图片中未显示部分向显示区域的该任一边界移动。
请参阅图13,图13是本发明实施例提供的一种客户端1200的结构示意图。上述实施例中的由客户端所执行的步骤均可以基于该图中所示的客户端的结构。
该客户端1200可因配置或者性能的不同而产生较大的差异,其包括:电源1210、接口1230、至少一存储介质1250、以及至少一中央处理器(CPU ,Central Processing Units)1270。
具体地,电源1210用于为客户端1200上的各硬件设备提供工作电压。
接口1230包括至少一有线或无线网络接口1231、至少一串并转换接口1233、至少一输入输出接口1235以及至少一USB接口1237等,用于与外部设备通信。
存储介质1250作为资源存储的载体,可以是随机存储介质、磁盘或者光盘等,其上所存储的资源包括操作系统1251、应用程序1253及数据1255等,存储方式可以是短暂存储或者永久存储。其中,操作系统1251用于管理与控制客户端1200上的各硬件设备以及应用程序1253,以实现中央处理器1270对海量数据1255的计算与处理,其可以是Windows ServerTM、Mac OS XTM、UnixTM、LinuxTM、FreeBSDTM等。应用程序1253是基于操作系统1251之上完成至少一项特定工作的计算机程序,其可以包括至少一模块(图示未示出),每个模块都可以分别包含有对客户端1200的一系列操作指令。数据1255可以是存储于磁盘中的图片等。
中央处理器1270可以包括一个或多个以上的处理器,并设置为通过总线与存储介质1250通信,用于计算与处理存储介质1250中的海量数据1255。
通过中央处理器1270读取存储介质1250中存储的一系列操作指令,并基于存储介质1250上的操作系统1251在客户端1200上执行,进而使得上述实施例的全部或者部分步骤可以通过在客户端上运行相关的计算机程序来完成。
上述内容,仅为本发明的较佳实施例,并非用于限制本发明的实施方案,本领域普通技术人员根据本发明的主要构思和精神,可以十分方便地进行相应的变通或修改,故本发明的保护范围应以权利要求书所要求的保护范围为准。

Claims (12)

1.一种图片编辑中的图片显示控制方法,其特征在于,包括:
载入获取到的待编辑的图片;
在载入的所述图片中进行主体区域的识别;
在预设的模板中嵌入所述图片;及
居中显示所述主体区域于所述模板的显示区域,并根据嵌入的所述图片与显示区域的适配状态动态调整所述图片,以自适应地使得所述图片与显示区域适配。
2.如权利要求1所述的方法,其特征在于,所述居中显示所述主体区域于所述模板的显示区域,并根据嵌入的所述图片与显示区域的适配状态动态调整所述图片的步骤之后,所述方法还包括:
侦听得到触发所述显示区域中边界拖动的操作,以通过所述操作调整所述显示区域的范围。
3.如权利要求2所述的方法,其特征在于,所述模板包括触发了边界拖动的显示区域和周边的至少一其他显示区域,所述居中显示所述主体区域于所述模板的显示区域,并根据嵌入的所述图片与显示区域的适配状态动态调整所述图片的步骤之后,所述方法还包括:
按照所述边界拖动的拖动方向,触发移动所述边界所在的最长边,并在所述操作停止时使所述最长边停留在当前位置;及
停留的所述最长边与所述模板中各显示区域中相邻的边界重新相交,形成所述模板中各显示区域的新布局。
4.如权利要求1所述的方法,其特征在于,所述适配状态为所述主体区域超出所述显示区域,所述根据嵌入的所述图片与显示区域的适配状态动态调整所述图片的步骤包括:
以居中显示的所述主体区域的中心位置为基准,缩小所述主体区域。
5.如权利要求1所述的方法,其特征在于,所述适配状态为所述显示区域的相对两边界超出所述图片,所述根据嵌入的所述图片与显示区域的适配状态动态调整所述图片的步骤包括:
以居中显示的所述主体区域的中心位置为基准,放大所述图片。
6.如权利要求1所述的方法,其特征在于,所述适配状态为所述显示区域的任一边界超出所述图片,所述根据嵌入的所述图片与显示区域的适配状态动态调整所述图片的步骤还包括:
相对所述显示区域的该任一边界,得到所述图片中未显示部分;及
将所述图片中未显示部分向所述显示区域的该任一边界移动。
7.一种图片编辑中的图片显示控制装置,其特征在于,包括:
载入模块,用于载入获取到的待编辑的图片;
识别模块,用于在载入的所述图片中进行主体区域的识别;
嵌入模块,用于在预设的模板中嵌入所述图片;及
适配模块,用于居中显示所述主体区域于所述模板的显示区域,并根据嵌入的所述图片与显示区域的适配状态动态调整所述图片,以自适应地使得所述图片与显示区域适配。
8.如权利要求7所述的装置,其特征在于,还包括:
侦听模块,用于侦听得到触发所述显示区域中边界拖动的操作,以通过所述操作调整所述显示区域的范围。
9.如权利要求7所述的装置,其特征在于,还包括:
移动模块,用于按照所述边界拖动的拖动方向,触发移动所述边界所在的最长边,并在所述操作停止时使所述最长边停留在当前位置;及
相交模块,用于停留的所述最长边与所述模板中各显示区域中相邻的边界重新相交,形成所述模板中各显示区域的新布局。
10.如权利要求7所述的装置,其特征在于,所述适配状态为所述主体区域超出所述显示区域,所述适配模块包括:
缩小单元,用于以居中显示的所述主体区域的中心位置为基准,缩小所述主体区域。
11.如权利要求7所述的装置,其特征在于,所述适配状态为所述显示区域的相对两边界超出所述图片,所述适配模块包括:
放大单元,用于以居中显示的所述主体区域的中心位置为基准,放大所述图片。
12.如权利要求7所述的装置,其特征在于,所述适配状态为所述显示区域的任一边界超出所述图片,所述适配模块包括:
获取单元,用于相对所述显示区域的该任一边界,得到所述图片中未显示部分;及
移动单元,用于将所述图片中未显示部分向所述显示区域的该任一边界移动。
CN201510843542.XA 2015-11-26 2015-11-26 图片编辑中的图片显示控制方法及装置 Active CN106803234B (zh)

Priority Applications (4)

Application Number Priority Date Filing Date Title
CN201510843542.XA CN106803234B (zh) 2015-11-26 2015-11-26 图片编辑中的图片显示控制方法及装置
PCT/CN2016/102329 WO2017088605A1 (zh) 2015-11-26 2016-10-18 图片编辑中的图片显示控制方法及装置
US15/692,208 US10360659B2 (en) 2015-11-26 2017-08-31 Method and apparatus for controlling image display during image editing
US16/439,429 US11087436B2 (en) 2015-11-26 2019-06-12 Method and apparatus for controlling image display during image editing

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510843542.XA CN106803234B (zh) 2015-11-26 2015-11-26 图片编辑中的图片显示控制方法及装置

Publications (2)

Publication Number Publication Date
CN106803234A true CN106803234A (zh) 2017-06-06
CN106803234B CN106803234B (zh) 2020-06-16

Family

ID=58763937

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510843542.XA Active CN106803234B (zh) 2015-11-26 2015-11-26 图片编辑中的图片显示控制方法及装置

Country Status (3)

Country Link
US (2) US10360659B2 (zh)
CN (1) CN106803234B (zh)
WO (1) WO2017088605A1 (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108228050A (zh) * 2017-12-13 2018-06-29 阿里巴巴集团控股有限公司 一种图片缩放方法、装置以及电子设备
CN108510457A (zh) * 2018-03-28 2018-09-07 京东方科技集团股份有限公司 图像矫正方法、装置、显示设备
CN111158568A (zh) * 2019-12-25 2020-05-15 北京明略软件系统有限公司 实现页面元素可拖拽的方法和装置及计算机可读存储介质
CN111290810A (zh) * 2020-01-19 2020-06-16 维沃移动通信有限公司 一种图像显示方法及电子设备
US11830235B2 (en) 2019-01-09 2023-11-28 Samsung Electronics Co., Ltd Image optimization method and system based on artificial intelligence

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106803234B (zh) * 2015-11-26 2020-06-16 腾讯科技(深圳)有限公司 图片编辑中的图片显示控制方法及装置
CN107608733B (zh) * 2017-09-19 2021-04-02 阿里巴巴(中国)有限公司 图片显示方法、装置和终端设备
CN112367559B (zh) * 2020-10-30 2022-10-04 北京达佳互联信息技术有限公司 视频展示方法、装置、电子设备、服务器及存储介质
US20230101606A1 (en) * 2021-09-30 2023-03-30 17Live Japan Inc. System, method and computer-readable medium for video processing
CN115022696B (zh) * 2022-04-18 2023-12-26 北京有竹居网络技术有限公司 视频预览方法、装置、可读介质及电子设备

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102905051A (zh) * 2012-10-15 2013-01-30 四川长虹电器股份有限公司 屏幕中人脸居中显示图片的方法
CN103578098A (zh) * 2012-08-07 2014-02-12 阿里巴巴集团控股有限公司 在商品图片中提取商品主体的方法和装置
CN103634650A (zh) * 2013-11-06 2014-03-12 康佳集团股份有限公司 一种基于智能电视平台的图片处理方法及系统
CN104243846A (zh) * 2013-06-19 2014-12-24 北京千橡网景科技发展有限公司 一种用于图像拼接的方法及装置
WO2015019575A1 (en) * 2013-08-09 2015-02-12 Sony Corporation Window manager
CN104952027A (zh) * 2014-10-11 2015-09-30 腾讯科技(北京)有限公司 一种包含人脸信息的图片剪裁方法及装置

Family Cites Families (84)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPS60232596A (ja) * 1984-05-02 1985-11-19 株式会社日立製作所 マルチウインドウ表示方式
JP3152396B2 (ja) * 1990-09-04 2001-04-03 株式会社東芝 医用画像表示装置
JPH04344524A (ja) * 1991-05-21 1992-12-01 Toshiba Corp 画像表示装置
JPH05181443A (ja) * 1991-07-01 1993-07-23 Seiko Epson Corp コンピュータ
US5499327A (en) * 1992-01-20 1996-03-12 Canon Kabushiki Kaisha Multi-window system which can overlay-display a dynamic image in a specific window
JP3224416B2 (ja) * 1992-05-20 2001-10-29 フクダ電子株式会社 画像表示方式
JPH07135594A (ja) * 1993-11-11 1995-05-23 Canon Inc 撮像制御装置
KR0180577B1 (ko) * 1993-12-16 1999-05-15 모리시다 요이치 멀티윈도우 장치
WO1996024909A1 (fr) * 1995-02-08 1996-08-15 Sony Corporation Dispositif d'edition d'images
JPH08237563A (ja) * 1995-02-28 1996-09-13 Toshiba Corp テレビジョン受像機
US6037939A (en) * 1995-09-27 2000-03-14 Sharp Kabushiki Kaisha Method for enabling interactive manipulation of data retained in computer system, and a computer system for implementing the method
US6262694B1 (en) * 1997-03-11 2001-07-17 Fujitsu Limited Image display system
JPH11250272A (ja) * 1998-01-08 1999-09-17 Xerox Corp 自動イメ―ジレイアウト方法及びシステム
JP3478172B2 (ja) * 1999-05-18 2003-12-15 日本電気株式会社 マルチウィンドウ表示システム及びウインドウの表示と消去方法
JP4208113B2 (ja) * 2000-04-19 2009-01-14 富士フイルム株式会社 アルバム作成方法および装置並びに記録媒体
JP2001333270A (ja) * 2000-05-24 2001-11-30 Fuji Photo Film Co Ltd 画像合成確認方法及び装置
JP2002104771A (ja) * 2000-07-25 2002-04-10 Inst Of Physical & Chemical Res コンテナ位置検出装置
JP2004506349A (ja) * 2000-08-04 2004-02-26 コパン インコーポレイテッド デジタルメディアを表示する方法およびシステム
US6766332B2 (en) * 2000-10-19 2004-07-20 Fuji Photo Film Co., Ltd. Electronic image display device and printing system therefor
JP4672856B2 (ja) * 2000-12-01 2011-04-20 キヤノン株式会社 マルチ画面表示装置及びマルチ画面表示方法
JP3913978B2 (ja) * 2000-12-13 2007-05-09 富士フイルム株式会社 画像解析方法および装置
US7340676B2 (en) * 2000-12-29 2008-03-04 Eastman Kodak Company System and method for automatic layout of images in digital albums
JP4182464B2 (ja) * 2001-02-09 2008-11-19 富士フイルム株式会社 ビデオ会議システム
US20040252340A1 (en) * 2001-10-03 2004-12-16 Seiko Epson Corporation Image processing system, image processing method, template producing system and template data structure
JP3814514B2 (ja) * 2001-10-23 2006-08-30 キヤノン株式会社 画像表示装置、画像処理方法及びプログラム
JP2003195852A (ja) * 2001-12-28 2003-07-09 Canon Inc 画像処理装置
US7289132B1 (en) * 2003-12-19 2007-10-30 Apple Inc. Method and apparatus for image acquisition, organization, manipulation, and publication
JP2004105163A (ja) * 2002-01-22 2004-04-08 Hiroshi Kojima 植物用具と、植物用具支持台と、植物用具を使用した植物装置
JP2003333319A (ja) * 2002-05-16 2003-11-21 Fuji Photo Film Co Ltd 画像合成用の付加画像抽出装置及び方法
US7437019B2 (en) * 2002-07-18 2008-10-14 Noritsu Koki Co., Ltd. Apparatus and method for image processing, image processing program and recording medium storing the image processing program
CN1268122C (zh) * 2002-07-23 2006-08-02 精工爱普生株式会社 显示方法及投影机
US7573486B2 (en) * 2003-08-18 2009-08-11 LumaPix Inc. Method and system for automatic generation of image distributions
US7743322B2 (en) * 2003-09-30 2010-06-22 Hewlett-Packard Development Company, L.P. Automatic photo album page layout
JP2005184789A (ja) * 2003-11-27 2005-07-07 Fuji Photo Film Co Ltd 画像編集装置および方法並びにプログラム
JP2006129152A (ja) * 2004-10-29 2006-05-18 Konica Minolta Holdings Inc 撮像装置および画像配信システム
JP2006185058A (ja) * 2004-12-27 2006-07-13 Noritsu Koki Co Ltd 画像処理装置
US8161377B2 (en) * 2005-03-01 2012-04-17 Hewlett-Packard Development Company, L.P. Arranging images on pages of an album
JP2006293985A (ja) * 2005-03-15 2006-10-26 Fuji Photo Film Co Ltd アルバム作成装置、アルバム作成方法、及びプログラム
US7644356B2 (en) * 2005-06-10 2010-01-05 Hewlett-Packard Development Company, L.P. Constraint-based albuming of graphic elements
PT103304B (pt) * 2005-07-07 2007-06-29 Univ Nova De Lisboa Sistema para a detecção automática de incêndios florestais por espectroscopia óptica
US7636899B2 (en) * 2005-07-12 2009-12-22 Siemens Medical Solutions Health Services Corporation Multiple application and multiple monitor user interface image format selection system for medical and other applications
US7864203B1 (en) * 2005-09-13 2011-01-04 Nvidia Corporation System, method and computer program product for adjusting a display device viewing experience
US7630531B2 (en) * 2006-01-31 2009-12-08 Mevis Medical Solutions, Inc. Enhanced navigational tools for comparing medical images
TW200809764A (en) * 2006-04-24 2008-02-16 Sony Corp Image processing device, image processing method and program recording medium
US20070291153A1 (en) * 2006-06-19 2007-12-20 John Araki Method and apparatus for automatic display of pictures in a digital picture frame
JP4982505B2 (ja) * 2007-01-25 2012-07-25 シャープ株式会社 マルチウィンドウ管理装置及びプログラム、記憶媒体、並びに情報処理装置
US8516365B2 (en) * 2007-06-15 2013-08-20 Microsoft Corporation Dynamically laying out images and associated text using pre-defined layouts
US20090060373A1 (en) * 2007-08-24 2009-03-05 General Electric Company Methods and computer readable medium for displaying a restored image
US8634674B2 (en) * 2007-09-11 2014-01-21 Vistaprint Schweiz Gmbh Dynamic sizing and positioning of multiple images
US8862986B2 (en) * 2007-10-01 2014-10-14 Hewlett-Packard Development Company, L.P. Arranging graphic objects on a page with relative position based control
JP4462331B2 (ja) * 2007-11-05 2010-05-12 ソニー株式会社 撮像装置、制御方法、プログラム
JP5335293B2 (ja) * 2008-06-13 2013-11-06 キヤノン株式会社 液晶表示装置及びその駆動方法
US9152292B2 (en) * 2009-02-05 2015-10-06 Hewlett-Packard Development Company, L.P. Image collage authoring
US8970448B2 (en) * 2009-06-18 2015-03-03 Hiperwall, Inc. Systems, methods, and devices for manipulation of images on tiled displays
US20110029635A1 (en) * 2009-07-30 2011-02-03 Shkurko Eugene I Image capture device with artistic template design
US8849853B2 (en) * 2009-07-30 2014-09-30 Intellectual Ventures Fund 83 Llc Method for matching artistic attributes of a template and secondary images to a primary image
JP5515507B2 (ja) * 2009-08-18 2014-06-11 ソニー株式会社 表示装置及び表示方法
JP2011070086A (ja) * 2009-09-28 2011-04-07 Seiko Epson Corp プロジェクター、プロジェクションシステム、プロジェクションシステムの制御方法
US9082203B2 (en) * 2009-12-10 2015-07-14 Harris Corporation Image processing system for image resizing based upon operational feedback parameters and related methods
WO2011072497A1 (zh) * 2009-12-18 2011-06-23 联想(北京)有限公司 窗口管理方法、装置及计算设备
JP4942832B2 (ja) * 2010-03-31 2012-05-30 シャープ株式会社 画像表示装置、画像形成装置、画像表示方法、コンピュータプログラム及び記録媒体
US9041620B2 (en) * 2010-04-23 2015-05-26 Sharp Kabushiki Kaisha Display device, display system, display control method for same, electronic device, program, computer-readable recording medium, and light guide element
US9153056B2 (en) * 2013-03-07 2015-10-06 Shutterfly, Inc. Adaptive and fast image collage creation
US8922575B2 (en) * 2011-09-09 2014-12-30 Microsoft Corporation Tile cache
JP5849560B2 (ja) * 2011-09-20 2016-01-27 セイコーエプソン株式会社 表示装置、プロジェクター、及び、表示方法
US20130262482A1 (en) * 2012-03-30 2013-10-03 Intellectual Ventures Fund 83 Llc Known good layout
US9025907B2 (en) * 2012-03-30 2015-05-05 Intellectual Ventures Fund 83 Llc Known good layout
CN102930522B (zh) * 2012-11-12 2015-11-25 北京奇虎科技有限公司 一种实现图片拼接的装置和方法
US8873887B2 (en) * 2013-01-24 2014-10-28 Google Inc. Systems and methods for resizing an image
AU2014218565B2 (en) * 2013-02-25 2017-07-06 Savant Systems, Inc. Video tiling
TWI497960B (zh) * 2013-03-04 2015-08-21 Hon Hai Prec Ind Co Ltd 顯示視頻圖像的電視機及顯示視頻圖像的方法
CN103337086B (zh) * 2013-06-17 2015-11-25 北京金山安全软件有限公司 用于移动终端的图片编辑方法和装置
JP6119992B2 (ja) * 2013-08-23 2017-04-26 ブラザー工業株式会社 画像処理装置およびコンピュータプログラム
KR20150039049A (ko) * 2013-10-01 2015-04-09 삼성전자주식회사 템플릿 편집 프레임 크기에 따른 사용자 인터페이스 제공 방법 및 그 장치
KR20150086646A (ko) * 2014-01-20 2015-07-29 삼성전자주식회사 프리뷰 이미지를 제공하는 화상형성장치, 그 프리뷰 이미지를 디스플레이하는 디스플레이 장치 및 그 방법들
CN105227811A (zh) * 2014-06-30 2016-01-06 卡西欧计算机株式会社 图像生成装置以及图像生成方法
JP5884873B1 (ja) * 2014-08-19 2016-03-15 カシオ計算機株式会社 画像抽出装置、画像抽出方法及びプログラム
CN104573715B (zh) * 2014-12-30 2017-07-25 百度在线网络技术(北京)有限公司 图像主体区域的识别方法及装置
CN104504651B (zh) * 2015-01-22 2017-11-14 网易(杭州)网络有限公司 预览图生成方法和设备
CN104899832A (zh) * 2015-06-23 2015-09-09 上海卓易科技股份有限公司 一种移动终端的拼接截图方法及拼接截图装置
CN105096363A (zh) * 2015-06-30 2015-11-25 北京金山安全软件有限公司 一种编辑图片的方法及图片编辑装置
US10726594B2 (en) * 2015-09-30 2020-07-28 Apple Inc. Grouping media content for automatically generating a media presentation
CN106803234B (zh) * 2015-11-26 2020-06-16 腾讯科技(深圳)有限公司 图片编辑中的图片显示控制方法及装置
US10902656B2 (en) * 2016-02-29 2021-01-26 Fujifilm North America Corporation System and method for generating a digital image collage

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103578098A (zh) * 2012-08-07 2014-02-12 阿里巴巴集团控股有限公司 在商品图片中提取商品主体的方法和装置
CN102905051A (zh) * 2012-10-15 2013-01-30 四川长虹电器股份有限公司 屏幕中人脸居中显示图片的方法
CN104243846A (zh) * 2013-06-19 2014-12-24 北京千橡网景科技发展有限公司 一种用于图像拼接的方法及装置
WO2015019575A1 (en) * 2013-08-09 2015-02-12 Sony Corporation Window manager
CN103634650A (zh) * 2013-11-06 2014-03-12 康佳集团股份有限公司 一种基于智能电视平台的图片处理方法及系统
CN104952027A (zh) * 2014-10-11 2015-09-30 腾讯科技(北京)有限公司 一种包含人脸信息的图片剪裁方法及装置

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108228050A (zh) * 2017-12-13 2018-06-29 阿里巴巴集团控股有限公司 一种图片缩放方法、装置以及电子设备
CN108510457A (zh) * 2018-03-28 2018-09-07 京东方科技集团股份有限公司 图像矫正方法、装置、显示设备
US11830235B2 (en) 2019-01-09 2023-11-28 Samsung Electronics Co., Ltd Image optimization method and system based on artificial intelligence
CN111158568A (zh) * 2019-12-25 2020-05-15 北京明略软件系统有限公司 实现页面元素可拖拽的方法和装置及计算机可读存储介质
CN111290810A (zh) * 2020-01-19 2020-06-16 维沃移动通信有限公司 一种图像显示方法及电子设备

Also Published As

Publication number Publication date
US11087436B2 (en) 2021-08-10
WO2017088605A1 (zh) 2017-06-01
CN106803234B (zh) 2020-06-16
US20170365036A1 (en) 2017-12-21
US10360659B2 (en) 2019-07-23
US20190295218A1 (en) 2019-09-26

Similar Documents

Publication Publication Date Title
CN106803234A (zh) 图片编辑中的图片显示控制方法及装置
US11412292B2 (en) Video processing method, video processing device, and storage medium
CN104090979B (zh) 一种网页编辑方法及装置
TWI540501B (zh) 應用程式介面顯示控制方法及裝置
US9886519B2 (en) Methods and systems for adjusting webpage layout
CN105630478B (zh) 一种实现页面切换的方法和装置
US20230161471A1 (en) Video-based interaction and video processing methods, apparatus, device, and storage medium
CN102831209B (zh) 网页浏览的渲染处理方法及装置和移动终端
CN110321192B (zh) 一种呈现寄宿程序的方法与设备
KR102287948B1 (ko) 애니메이션 처리 장치 및 방법
JP6037461B2 (ja) 機密情報に応じた表示を行う装置、システム、方法およびプログラム
CN109725970B (zh) 应用客户端窗口展示的方法、装置及电子设备
WO2021169827A1 (zh) 图像裁剪方法、装置、设备及存储介质
CN104866206A (zh) 一种图片数据的移动方法及移动终端
CN103793151A (zh) 一种壁纸裁剪的方法及装置
WO2016070748A1 (zh) 混合型客户端界面实现方法及其系统
CN106802758A (zh) 用于屏幕截取的处理方法和装置
US11016788B2 (en) Application launching method and display device
WO2016101814A1 (zh) 控制移动终端应用程序的方法和装置
US20170039733A1 (en) Gui display method and apparatus, and terminal device
WO2016150332A1 (zh) 一种基于移动终端的更新目标3d动画的方法及其装置
CN104714713A (zh) 一种页面互动方法及页面管理装置
CN105635832B (zh) 一种视频处理方法和装置
US11769466B2 (en) Image display method and apparatus, device, and storage medium
CN104516696A (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
GR01 Patent grant
GR01 Patent grant