CN104574256A - 对图像进行局部选择处理的方法和装置 - Google Patents

对图像进行局部选择处理的方法和装置 Download PDF

Info

Publication number
CN104574256A
CN104574256A CN201310501353.5A CN201310501353A CN104574256A CN 104574256 A CN104574256 A CN 104574256A CN 201310501353 A CN201310501353 A CN 201310501353A CN 104574256 A CN104574256 A CN 104574256A
Authority
CN
China
Prior art keywords
layer
image
upper strata
described upper
original image
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
CN201310501353.5A
Other languages
English (en)
Other versions
CN104574256B (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 CN201310501353.5A priority Critical patent/CN104574256B/zh
Publication of CN104574256A publication Critical patent/CN104574256A/zh
Application granted granted Critical
Publication of CN104574256B publication Critical patent/CN104574256B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

本申请公开了一种对图像进行局部选择处理的装置,包括:触发模块,用于接收选择触发指令;初始化模块,用于生成底层图层和上层图层;预处理模块,用于复制原始图像,对所复制的原始图像进行指定的预处理;选择区处理模块,在所述底层图层和上层图层中分别展示经过所述预处理后的图像或原始图像,其中:所述上层图层和底层图层所展示的图像的效果相互区别,所述上层图层与底层图层所展示的图像的像素位置重合。利用本发明,可以降低对硬件设备的资源消耗。

Description

对图像进行局部选择处理的方法和装置
技术领域
本申请涉及图像数据处理术领域,尤其涉及一种对图像进行局部选择处理的方法和装置。
背景技术
图像数据处理技术是指用计算机、智能手机、平板电脑等数据处理设备对数字图像进行分析处理,以达到所需结果的技术。数字图像是指用数字摄像机、扫描仪等设备经过采样和数字化得到的一个大的二维数组,该数组的元素称为像素,其值为一整数,称为灰度值。图像数据处理技术的主要内容包括对图像进行裁剪、缩放、局部处理、增加特效、压缩、增强和复原等操作。目前图像数据处理技术一般简称为图像处理技术。目前的针对数据图像的图像处理工具有许多种,主要分为客户端工具和网页版工具。
当图像处理工具对一个图像进行诸如裁剪、局部处理时,需要对图像进行局部选择操作,现有技术中,实现所述局部选择操作的普遍的技术方案为:使用三层图像结构来展示局部选择操作界面,即:
1)底层图像采用未经处理的原图;
2)再生成一个中间层,该中间层为半透明层,使用具有一定透明度的单色充满,通过叠加的效果使底图变暗或变亮;
3)最后生成最上层图层,该最上层图层为一个选择框,该选择框的尺寸一般要比原图小,在该选择框内显示原图的局部内容,且该原图的显示位置与所述底层中的原图位置重合,该选择框用来展示待裁剪区域。
图1为现有技术对一个图像进行局部选择处理时的操作界面示意图。如图1所示,底层和中间层经过叠加之后产生了一种变暗的效果,而选择框101中显示原图的局部内容,且该原图的显示位置与所述底层中的原图位置重合,,该选择框101用来展示待裁剪区域,这样可以从视觉上突出了选择框101,从而为用户提示所选择的局部图像。
但是,现有技术有如下的缺点:
在界面上显示底层和中间层的叠加效果时,需要图像处理工具对底层和中间层进行实时的叠加处理计算,而显示界面在显示图像上的任何变化都会导致图像处理工具需要重新计算所述叠加处理。例如当放大或缩小图像时需要重新计算所述底层和中间层的叠加效果,使得像素数据能够反应放大或缩小的相应操作;再例如图2所示,在当前界面中意外弹出了一个提示窗口201遮住被处理图像后,如果用户点击“否”按钮202取消掉该提示窗口,则图像处理工具需要重新计算该提示窗口201处的所述底层和中间层的叠加效果,以在界面上重新显示出如图1所示的效果。因此,现有技术的处理方式,显示界面在显示图像上的任何变化都会导致图像处理工具需要重新计算所述叠加处理效果,导致图像处理工具频繁地进行叠加计算,频繁占用硬件设备的资源,如中央处理器(CPU)和内存的资源,导致对硬件设备的资源消耗较高。
发明内容
有鉴于此,本发明的主要目的是提供一种对图像进行局部选择处理的方法和装置,以降低对硬件设备的资源消耗。
本发明的技术方案是这样实现的:
一种对图像进行局部选择处理的方法,包括:
接收选择触发指令;
生成底层图层和上层图层;
复制原始图像,对所复制的原始图像进行指定的预处理;
在所述底层图层和上层图层中分别展示经过所述预处理后的图像或原始图像,其中,所述上层图层和底层图层所展示的图像的效果相互区别,所述上层图层与底层图层所展示的图像的像素位置重合。
一种对图像进行局部选择处理的装置,包括:
触发模块,用于接收选择触发指令;
初始化模块,用于生成底层图层和上层图层;
预处理模块,用于复制原始图像,对所复制的原始图像进行指定的预处理;
选择区处理模块,在所述底层图层和上层图层中分别展示经过所述预处理后的图像或原始图像,其中:所述上层图层和底层图层所展示的图像的效果相互区别,所述上层图层与底层图层所展示的图像的像素位置重合。
与现有技术相比,本发明采用两层结构,即底层图层和上层图层,来对图像进行局部选择处理,并对原始图像进行预处理,即复制原始图像,对所复制的原始图像进行指定的预处理,并在所述底层图层和上层图层中分别展示经过所述预处理后的图像或原始图像,其中,所述上层图层和底层图层所展示的图像的效果相互区别,所述上层图层与底层图层所展示的图像的像素位置重合。通过这种处理,可以使上层图层作为局部选择框,从用户视觉上看,在该局部选择框中展示的图像效果与该局部选择框外展示的图像效果是不同的,从而方便用户区分局部选择框的位置;并且由于所述上层图层与底层图层所展示的图像的像素位置重合,在用户视觉上使用户感觉不到有上下两张图像,实现了对图像进行局部选择处理的功能。同时,由于所述滤镜效果是预处理好的,即在接收到选择触发指令后只需要图像处理工具进行一次预处理即可,后续展示过程中直接读取该滤镜效果的处理结果即可,不论显示界面在显示图像上有任何变化,都不会导致重新计算滤镜效果,因此相对现有技术可以大大降低对诸如CPU和内存的资源等硬件设备的资源消耗。
附图说明
图1为现有技术对一个图像进行局部选择处理时的操作界面示意图;
图2为在当前界面中意外弹出了一个提示窗口遮住被处理图像的一种示意图;
图3为本发明所述对图像进行局部选择处理方法的一种流程图;
图4为本发明所述方法对对一个图像进行局部选择处理时的操作界面示意图;
图5为本发明所述方法对对一个图像进行局部选择处理时的又一种操作界面示意图;
图6为本发明所述方法对对一个图像进行局部选择处理时的再一种操作界面示意图;
图7为本发明所述对图像进行局部选择处理的装置的一种组成示意图;
图8为本发明所述对图像进行局部选择处理的装置的又一种组成示意图。
具体实施方式
下面结合附图及具体实施例对本发明再作进一步详细的说明。
图3为本发明所述对图像进行局部选择处理方法的一种流程图;参见图3,该流程包括:
步骤301、接收选择触发指令。
此处所述选择触发指令一般是由用户发出,例如用户对一张待处理图像进行编辑,首先需要打开该待处理图像,用户需要向图像处理工具发出该图像的地址(本地地址或网络地址),图像处理工具从该图像地址处读取该待处理图像的原始图像数据,并将该图像展示在图像处理工具的界面上,该图像处理工具中展示有诸如“选择”、“裁剪”等按钮,用户点击该按钮即可发出选择触发指令,用于选择待处理图像中的某一个区域。
步骤302、生成底层图层和上层图层。
本步骤302也可以称为初始化处理步骤,其目的是生成两层结构,一个为底层图层,用于放置待处理图像的完整图像,该底层图层需要将已经打开的原始图像遮挡掉,从而使用户看不到原始图像;另一个为上层图层,在视觉上将所述底层图层遮挡,从而实现在待处理图像上施加局部选择框的初步效果。当然,在另一种实施例中,本步骤302也可以至于所述步骤301之前进行。
步骤303、复制原始图像,对所复制的原始图像进行指定的预处理。
此处所述的原始图像就是指待处理的图像。具体的复制过程包括:首先读取原始图像的像素数据,并存储在内存中,然后从内存中复制图像的像素数据,使用指定的预处理函数将所复制的像素数据处理成指定的效果。所述预处理可以是各种效果的图像处理,例如可以是滤镜效果处理,例如黑白片、柔化、素描、模糊等滤镜效果;当然,所述预处理也可以是其它的图像处理方式,例如特效、色度、模糊、锐化等图像处理。
在一种具体实施例中,如果所述图像处理工具为基于浏览器的在线图像处理工具,则所述对所复制的原始图像进行指定的预处理,具体是:采用超文本标记语言(HTML)的CANVAS对所复制的原始图像进行指定的预处理。
所述CANVAS是万维网联盟(W3C,World Wide Web Consortium)所提出的HTML技术方案中的一种图形处理技术,CANVAS具体是以HTML元素的形式来使用,目的是为了处理客户端的矢量图形,CANVAS元素能把一个绘图的应用编程接口(API)展现给客户端JavaScript以使脚本能够把想绘制的东西都绘制到一块画布上。采用CANVAS技术,可以使浏览器不必支持FLASH接口进行对应的图像处理功能,可以扩大图像处理工具对浏览器的兼容性,使得浏览器不必安装FLASH插件,降低对浏览器资源的消耗,提升浏览器的处理效率。
当然在其它实施例中,也可以采用其它图像处理技术来进行所述指定的预处理。
步骤304、在所述底层图层和上层图层中分别展示经过所述预处理后的图像或原始图像,其中,所述上层图层和底层图层所展示的图像的效果相互区别,所述上层图层与底层图层所展示的图像的像素位置重合。
图4为本发明所述方法对对一个图像进行局部选择处理时的操作界面示意图。利用本发明所述的方法,在对一个图像进行局部选择处理时,也可以实现如图4所示的操作界面示意图,图4所示的效果和图1所示的效果是相同的,只是实现过程与现有技术不同。参见图4,本发明可以采用变暗滤镜函数对原始图像进行变暗预处理,使得图像具有一种变暗的效果,然后在底层图层401上展示这个变暗的图像,而在上层图层402上展示原始图像,其中,所述上层图层与底层图层所展示的图像的像素位置重合。
所述上层图层与底层图层所展示的图像的像素位置重合,是指:上层图层展示的图像的任一像素点在当前界面上的位置,与底层图层展示的图像的相同的像素点在当前界面上的位置,是重叠的。从而在视觉上达到了一个在待处理图像上增加了一个局部选择框的效果,但实际上,该局部选择框是一个上层图层,且该上层图层不是透明的,而是在上层图层中的相同像素点上显示了相同的像素而已,从而在视觉上造成了一种透明的局部选择框的效果。
所述上层图层和底层图层所展示的图像的效果相互区别,是指:上层图层所展示的图像的显示效果与底层图层所展示的图像效果不同。例如:图4中所示为在所述底层图层401中展示经过所述预处理后的图像即变暗的图像,在所述上层图层402中展示所述原始图像;图5中所示为在所述底层图层401中展示所述原始图像,在所述上层图层402中展示经过所述预处理后的图像;或者,也可以对所复制的原始图像进行两种指定的预处理,例如一种为模糊效果,一种为变暗效果,在所述底层图层和上层图层中分别展示经过所述不同预处理的图像。图6所示为在所述底层图层401中展示模糊效果处理后的图像,在所述上层图层402中展示变暗效果处理后的图像。
采用上述处理,本发明不但节省了对硬件设备资源的消耗,而且还可以利用滤镜效果为局部选择处理提供更为丰富的视觉效果,从而更加突出被选择区域,方便用户操作。
在进一步的实施例中,本发明还可以对所述上层图层进行调整,从而调整所述局部选择框的位置和/或大小。具体的实现方法包括:接收对所述上层图层的调整指令,根据该调整指令调整所述上层图层的位置和/或大小,且对应展示所述上层图层中的图像,使所述上层图层与底层图层所展示的图像的像素位置继续重合。
所述调整指令是指对所述上层图层边框的调整指令,例如移动指令,对所述上层图层边框的缩放指令或边框移动指令等,对所述上层图层的调整就相当于对所述局部选择框的调整,并且针对每种不同指令,对应的处理会略有不同,下面分别介绍:
在所述调整指令为移动指令时,根据该移动指令所表达的偏移量移动所述上层图层,同时按照相同的偏移量移动所述上层图层中的图像;
在所述调整指令为缩放指令或边框移动指令时,判断所述上层图层的基准点的位置是否移动,在基准点的位置没有移动的情况下按照所述调整指令的偏移量缩放或者移动所述上层图层的边框;在基准点的位置移动的情况下,按照所述调整指令的偏移量缩放或者移动所述上层图层的边框,同时确定所述基准点的偏移量,按照与所述基准点偏移量的相反偏移量移动所述上层图层中的图像。
一般来讲,所述图层的基准点为该图层的左上点,发出调整指令的方式可以是鼠标操作,触摸屏的点划操作等。下面以左上点为基准点、且以触摸屏的点划操作为例对所述调整上层图层的处理过程进行详细说明。
首先,说明所述调整指令为移动指令时的情况:
1a)用户手指在所述局部选择框内按下,记录用户手指的坐标。
1b)当用户手指在屏幕上拖动时,则将当前手指坐标与a)所记录的坐标比对,得到该移动指令的偏移量,按照该偏移量相应的调整上层图层的位置,例如,当用户把所述局部选择框向上拖动20像素,向左拖动20像素,则把上层图层向左移动20像素,向上移动20像素。同时,同时按照相同的偏移量移动所述上层图层中的图像,即该上层图层中的图像也必须向左移动20像素,向上移动20像素,从而使上层图层和底层图层的图像的相同像素点重合,达到只有局部选择框移动而图像不动的效果。
其次,说明所述调整指令为缩放指令或边框移动指令时的情况:
2a)如图4所示,当用户拖动所述上层图层401的右下角时,由于左上角的基准点没有移动,则不用改变上层图层中的图像的相对位置,只把上层图层401放大或缩小即可。具体是:
用户拖动上层图层401的右下角锚点,向右拖动了20像素,向下拖动了10像素。则只需要把上层图层401的高度增加10像素,宽度增加20像素,该上层图层中的图像不用做位置矫正。
2b)当用户拖动所述上层图层401的左下角时,由于左上角的基准点在水平位置上移动,因此需要将上层图层401中的图像进行水平方向的矫正,使其保持与底层图层的图像位置保持一致,同时相应把上层图层401放大或缩小即可。具体是:
用户拖动上层图层401的左下角锚点,向左拖动20像素,向下拖动10像素。则只需要把上层图层401的高度增加10像素,宽度增加20像素。同时把上层图层401中的图像向右偏移20像素,此处只需要将图像进行水平偏移矫正即可,由于基准点在垂直方向上没有发生移动,因此不需要在垂直方向进行矫正。
2c)当用户拖动所述上层图层401的左上角时,由于基准点发生了水平和垂直移动,因此需要对上层图层401中的图像进行水平矫正和垂直矫正,使其与底层图层的图像的位置保持一致,同时相应把上层图层401放大或缩小即可。具体是:
用户拖动上层图层401的左上角锚点,向左拖动20像素,向上拖动10像素。则只需要把上层图层401的高度增加10像素,宽度增加20像素。同时把上层图层401中的图像向右偏移20像素,向下偏移10像素。
2d)当用户操作上层图层401的右上角时,由于基准点发生了垂直方向上的移动,因此需要对上层图层中的图像进行垂直矫正,使其与底层图层402的图像的位置保持一致,同时相应把上层图层401放大或缩小即可。具体是:
用户拖动上层图层401的右上角锚点,向右拖动20像素,向上拖动10像素。则只需要把上层图层401的高度增加10像素,宽度增加20像素。同时把上层图层401中的图像向下偏移10像素。
本发明所述的局部选择处理方法可以应用在许多图像处理的场景中,例如对图像进行局部裁剪、局部选取复制拷贝等处理。典型的一种应用场景就是对图像进行局部裁剪的应用场景。在此应用场景中,当用户点击“裁剪”按钮发出欲裁剪的指令后,相当于发出了步骤301所述的选择触发指令,利用本发明的方法生成如图4所示上层图层401,对于用户来讲,在视觉上该上层图层401就相当于一个局部选择框,用户可以对该选择框进行移动、放大缩小等操作,从而确定所要裁剪的区域,当用户点击“确认”按钮,则会发出裁剪指令,本发明在接收到裁剪指令后,确定所述上层图层投影到底层图层上的正投影区域的边框位置即所述选择框的位置,按照相同的边框位置在将所述原始图像上确定裁剪区域,去除该裁剪区域外的像素,得到裁剪后的图像。之后,将裁剪后的图像存储到指定的文件中。
与上述方法对应,本发明还公开了一种对图像进行局部选择处理的装置。图7为本发明所述对图像进行局部选择处理的装置的一种组成示意图。参见图7,该装置700至少包括:
触发模块701,用于接收选择触发指令;
初始化模块702,用于生成底层图层和上层图层;
预处理模块703,用于复制原始图像,对所复制的原始图像进行指定的预处理;
选择区处理模块704,在所述底层图层和上层图层中分别展示经过所述预处理后的图像或原始图像,其中:所述上层图层和底层图层所展示的图像的效果相互区别,所述上层图层与底层图层所展示的图像的像素位置重合。
所述预处理可以是各种效果的图像处理,例如可以是滤镜效果处理,例如黑白片、柔化、素描、模糊等滤镜效果;当然,所述预处理也可以是其它的图像处理方式,例如特效、色度、模糊、锐化等图像处理。
在一种具体实施例中,所述选择区处理模块704具体用于:在所述底层图层中展示经过所述预处理后的图像,在所述上层图层中展示所述原始图像;或者,在所述底层图层中展示所述原始图像,在所述上层图层中展示经过所述预处理后的图像;
或者,所述预处理模块703具体用于:对所复制的原始图像进行两种指定的预处理;所述选择区处理模块704具体用于:在所述底层图层和上层图层中分别展示经过所述不同预处理的图像。
其中,在一种优选实施例中,所述预处理模块703具体用于:采用HTML的CANVAS对所复制的原始图像进行指定的预处理。从而可以扩大图像处理工具对浏览器的兼容性,使得浏览器不必安装FLASH插件,降低对浏览器资源的消耗,提升浏览器的处理效率。
在进一步的实施例中,本发明还可以对所述上层图层进行调整,从而调整所述局部选择框的位置和/或大小。在该进一步的实施例中,所述选择区处理模块704进一步用于:接收对所述上层图层的调整指令,根据该调整指令调整所述上层图层的位置和/或大小,且对应展示所述上层图层中的图像,使所述上层图层与底层图层所展示的图像的像素位置继续重合。
更为具体的,所述选择区处理模块具体用于:
在所述调整指令为移动指令时,根据该移动指令所表达的偏移量移动所述上层图层,同时按照相同的偏移量移动所述上层图层中的图像;
在所述调整指令为缩放指令或边框移动指令时,判断所述上层图层的基准点的位置是否移动,在基准点的位置没有移动的情况下按照所述调整指令的偏移量缩放或者移动所述上层图层的边框;在基准点的位置移动的情况下,按照所述调整指令的偏移量缩放或者移动所述上层图层的边框,同时确定所述基准点的偏移量,按照与所述基准点偏移量的相反偏移量移动所述上层图层中的图像。
图8为本发明所述对图像进行局部选择处理的装置的又一种组成示意图。参见图8,为了实现对图像进行局部裁剪的功能,该装置还可以进一步包括:裁剪模块705,用于接收裁剪指令,在接收到裁剪指令后,确定所述上层图层投影到底层图层上的正投影区域的边框位置,按照相同的边框位置在将所述原始图像上确定裁剪区域,去除该裁剪区域外的像素,得到裁剪后的图像。并可以进一步由写入模块706将裁剪后的图像数据存储到指定的文件中。
另外,在本发明各个实施例中的各功能模块可以集成在一个处理单元中,也可以是各个模块单独物理存在,也可以两个或两个以上模块集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。所述各实施例的功能模块可以位于一个终端或网络节点,或者也可以分布到多个终端或网络节点上。
另外,本发明的每一个实施例可以通过由数据处理设备如计算机执行的数据处理程序来实现。显然,数据处理程序构成了本发明。此外,通常存储在一个存储介质中的数据处理程序通过直接将程序读取出存储介质或者通过将程序安装或复制到数据处理设备的存储设备(如硬盘和或内存)中执行。因此,这样的存储介质也构成了本发明。存储介质可以使用任何类型的记录方式,例如纸张存储介质(如纸带等)、磁存储介质(如软盘、硬盘、闪存等)、光存储介质(如CD-ROM等)、磁光存储介质(如MO等)等。
因此本发明还公开了一种存储介质,其中存储有数据处理程序,该数据处理程序用于执行本发明上述方法的任何一种实施例。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明保护的范围之内。

Claims (14)

1.一种对图像进行局部选择处理的方法,其特征在于,包括:
接收选择触发指令;
生成底层图层和上层图层;
复制原始图像,对所复制的原始图像进行指定的预处理;
在所述底层图层和上层图层中分别展示经过所述预处理后的图像或原始图像,其中,所述上层图层和底层图层所展示的图像的效果相互区别,所述上层图层与底层图层所展示的图像的像素位置重合。
2.根据权利要求1所述的方法,其特征在于,
在所述底层图层和上层图层中分别展示经过所述预处理后的图像或原始图像,具体包括:
在所述底层图层中展示经过所述预处理后的图像,在所述上层图层中展示所述原始图像;
或者,在所述底层图层中展示所述原始图像,在所述上层图层中展示经过所述预处理后的图像;
或者,对所复制的原始图像进行两种指定的预处理,在所述底层图层和上层图层中分别展示经过所述不同预处理的图像。
3.根据权利要求1所述的方法,其特征在于,所述对所复制的原始图像进行指定的预处理,具体包括:
采用超文本标记语言HTML的CANVAS对所复制的原始图像进行指定的预处理。
4.根据权利要求1所述的方法,其特征在于,该方法进一步包括:接收对所述上层图层的调整指令,根据该调整指令调整所述上层图层的位置和/或大小,且对应展示所述上层图层中的图像,使所述上层图层与底层图层所展示的图像的像素位置继续重合。
5.根据权利要求4所述的方法,其特征在于,所述根据该调整指令调整所述上层图层的位置和/或大小,且对应展示所述上层图层中的图像,具体包括:
在所述调整指令为移动指令时,根据该移动指令所表达的偏移量移动所述上层图层,同时按照相同的偏移量移动所述上层图层中的图像;
在所述调整指令为缩放指令或边框移动指令时,判断所述上层图层的基准点的位置是否移动,在基准点的位置没有移动的情况下按照所述调整指令的偏移量缩放或者移动所述上层图层的边框;在基准点的位置移动的情况下,按照所述调整指令的偏移量缩放或者移动所述上层图层的边框,同时确定所述基准点的偏移量,按照与所述基准点偏移量的相反偏移量移动所述上层图层中的图像。
6.根据权利要求1至5任一项所述的方法,其特征在于,该方法进一步包括:在接收到裁剪指令后,确定所述上层图层投影到底层图层上的正投影区域的边框位置,按照相同的边框位置在将所述原始图像上确定裁剪区域,去除该裁剪区域外的像素,得到裁剪后的图像。
7.根据权利要求1至5任一项所述的方法,其特征在于,所述预处理为滤镜效果处理。
8.一种对图像进行局部选择处理的装置,其特征在于,包括:
触发模块,用于接收选择触发指令;
初始化模块,用于生成底层图层和上层图层;
预处理模块,用于复制原始图像,对所复制的原始图像进行指定的预处理;
选择区处理模块,在所述底层图层和上层图层中分别展示经过所述预处理后的图像或原始图像,其中:所述上层图层和底层图层所展示的图像的效果相互区别,所述上层图层与底层图层所展示的图像的像素位置重合。
9.根据权利要求8所述的装置,其特征在于,
所述选择区处理模块具体用于:在所述底层图层中展示经过所述预处理后的图像,在所述上层图层中展示所述原始图像;或者,在所述底层图层中展示所述原始图像,在所述上层图层中展示经过所述预处理后的图像;
或者,所述预处理模块具体用于:对所复制的原始图像进行两种指定的预处理;所述选择区处理模块具体用于:在所述底层图层和上层图层中分别展示经过所述不同预处理的图像。
10.根据权利要求8所述的装置,其特征在于,所述预处理模块具体用于:采用HTML的CANVAS对所复制的原始图像进行指定的预处理。
11.根据权利要求8所述的装置,其特征在于,所述选择区处理模块进一步用于:接收对所述上层图层的调整指令,根据该调整指令调整所述上层图层的位置和/或大小,且对应展示所述上层图层中的图像,使所述上层图层与底层图层所展示的图像的像素位置继续重合。
12.根据权利要求11所述的装置,其特征在于,所述选择区处理模块具体用于:
在所述调整指令为移动指令时,根据该移动指令所表达的偏移量移动所述上层图层,同时按照相同的偏移量移动所述上层图层中的图像;
在所述调整指令为缩放指令或边框移动指令时,判断所述上层图层的基准点的位置是否移动,在基准点的位置没有移动的情况下按照所述调整指令的偏移量缩放或者移动所述上层图层的边框;在基准点的位置移动的情况下,按照所述调整指令的偏移量缩放或者移动所述上层图层的边框,同时确定所述基准点的偏移量,按照与所述基准点偏移量的相反偏移量移动所述上层图层中的图像。
13.根据权利要求8至12任一项所述的装置,其特征在于,该装置进一步包括:
裁剪模块,用于接收裁剪指令,在接收到裁剪指令后,确定所述上层图层投影到底层图层上的正投影区域的边框位置,按照相同的边框位置在将所述原始图像上确定裁剪区域,去除该裁剪区域外的像素,得到裁剪后的图像。
14.根据权利要求8至12任一项所述的装置,其特征在于,所述预处理为滤镜效果处理。
CN201310501353.5A 2013-10-23 2013-10-23 对图像进行局部选择处理的方法和装置 Active CN104574256B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201310501353.5A CN104574256B (zh) 2013-10-23 2013-10-23 对图像进行局部选择处理的方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310501353.5A CN104574256B (zh) 2013-10-23 2013-10-23 对图像进行局部选择处理的方法和装置

Publications (2)

Publication Number Publication Date
CN104574256A true CN104574256A (zh) 2015-04-29
CN104574256B CN104574256B (zh) 2019-04-19

Family

ID=53090244

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310501353.5A Active CN104574256B (zh) 2013-10-23 2013-10-23 对图像进行局部选择处理的方法和装置

Country Status (1)

Country Link
CN (1) CN104574256B (zh)

Cited By (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105760090A (zh) * 2016-02-25 2016-07-13 惠州Tcl移动通信有限公司 一种基于移动终端的截图方法、系统及移动终端
CN107643866A (zh) * 2017-08-21 2018-01-30 广州视源电子科技股份有限公司 操作不同层级图片的方法、装置、终端设备及存储介质
CN108037872A (zh) * 2017-11-29 2018-05-15 上海爱优威软件开发有限公司 一种照片编辑方法及终端设备
CN109976624A (zh) * 2017-12-28 2019-07-05 腾讯科技(深圳)有限公司 图像显示方法、装置、设备及计算机可读存储介质
CN110069727A (zh) * 2017-09-15 2019-07-30 北京京东尚科信息技术有限公司 图片处理的方法和装置
CN110636322A (zh) * 2019-09-29 2019-12-31 腾讯科技(深圳)有限公司 多媒体数据的处理方法、装置、智能终端及存储介质
CN110703973A (zh) * 2019-09-30 2020-01-17 北京金山安全软件有限公司 图像裁剪方法和装置
CN111324270A (zh) * 2020-02-24 2020-06-23 北京字节跳动网络技术有限公司 图像处理方法、组件、电子设备及存储介质
CN111459390A (zh) * 2019-01-18 2020-07-28 阿里巴巴集团控股有限公司 信息流的滑动方法、装置、电子设备和图像显示方法
CN112770099A (zh) * 2019-11-04 2021-05-07 腾讯科技(深圳)有限公司 多媒体播放方法、装置、终端和存储介质
CN115081384A (zh) * 2022-07-21 2022-09-20 北京云枢创新软件技术有限公司 一种基于eda的数据动态可视化系统
CN117114978A (zh) * 2023-10-24 2023-11-24 深圳软牛科技有限公司 基于iOS的图片裁剪与还原方法、装置及其相关介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101075172A (zh) * 2006-08-23 2007-11-21 腾讯科技(深圳)有限公司 截图方法、截图装置及即时通讯客户端
CN102336069A (zh) * 2010-07-16 2012-02-01 鸿富锦精密工业(深圳)有限公司 具有图片裁剪功能的打印机及其图片裁剪的方法
CN102520865A (zh) * 2011-12-19 2012-06-27 深圳桑菲消费通信有限公司 一种手机自适应图片剪裁的实现方法
US20120229501A1 (en) * 1999-05-17 2012-09-13 International Business Machines Corporation Method and a Computer System for Displaying and Selecting Images

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120229501A1 (en) * 1999-05-17 2012-09-13 International Business Machines Corporation Method and a Computer System for Displaying and Selecting Images
CN101075172A (zh) * 2006-08-23 2007-11-21 腾讯科技(深圳)有限公司 截图方法、截图装置及即时通讯客户端
CN102336069A (zh) * 2010-07-16 2012-02-01 鸿富锦精密工业(深圳)有限公司 具有图片裁剪功能的打印机及其图片裁剪的方法
CN102520865A (zh) * 2011-12-19 2012-06-27 深圳桑菲消费通信有限公司 一种手机自适应图片剪裁的实现方法

Cited By (19)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105760090A (zh) * 2016-02-25 2016-07-13 惠州Tcl移动通信有限公司 一种基于移动终端的截图方法、系统及移动终端
CN105760090B (zh) * 2016-02-25 2019-06-04 惠州Tcl移动通信有限公司 一种基于移动终端的截图方法、系统及移动终端
CN107643866A (zh) * 2017-08-21 2018-01-30 广州视源电子科技股份有限公司 操作不同层级图片的方法、装置、终端设备及存储介质
CN107643866B (zh) * 2017-08-21 2020-08-07 广州视源电子科技股份有限公司 操作不同层级图片的方法、装置、终端设备及存储介质
CN110069727A (zh) * 2017-09-15 2019-07-30 北京京东尚科信息技术有限公司 图片处理的方法和装置
CN108037872A (zh) * 2017-11-29 2018-05-15 上海爱优威软件开发有限公司 一种照片编辑方法及终端设备
CN109976624A (zh) * 2017-12-28 2019-07-05 腾讯科技(深圳)有限公司 图像显示方法、装置、设备及计算机可读存储介质
CN111459390B (zh) * 2019-01-18 2023-07-18 阿里巴巴(上海)有限公司 信息流的滑动方法、装置、电子设备和图像显示方法
CN111459390A (zh) * 2019-01-18 2020-07-28 阿里巴巴集团控股有限公司 信息流的滑动方法、装置、电子设备和图像显示方法
CN110636322A (zh) * 2019-09-29 2019-12-31 腾讯科技(深圳)有限公司 多媒体数据的处理方法、装置、智能终端及存储介质
CN110636322B (zh) * 2019-09-29 2022-06-21 腾讯科技(深圳)有限公司 多媒体数据的处理方法、装置、智能终端及存储介质
CN110703973A (zh) * 2019-09-30 2020-01-17 北京金山安全软件有限公司 图像裁剪方法和装置
CN112770099B (zh) * 2019-11-04 2022-06-14 腾讯科技(深圳)有限公司 多媒体播放方法、装置、终端和存储介质
CN112770099A (zh) * 2019-11-04 2021-05-07 腾讯科技(深圳)有限公司 多媒体播放方法、装置、终端和存储介质
CN111324270A (zh) * 2020-02-24 2020-06-23 北京字节跳动网络技术有限公司 图像处理方法、组件、电子设备及存储介质
US11847767B2 (en) 2020-02-24 2023-12-19 Douyin Vision Co., Ltd. Method, electronic device and storage medium for image editing
CN115081384A (zh) * 2022-07-21 2022-09-20 北京云枢创新软件技术有限公司 一种基于eda的数据动态可视化系统
CN117114978A (zh) * 2023-10-24 2023-11-24 深圳软牛科技有限公司 基于iOS的图片裁剪与还原方法、装置及其相关介质
CN117114978B (zh) * 2023-10-24 2024-03-29 深圳软牛科技集团股份有限公司 基于iOS的图片裁剪与还原方法、装置及其相关介质

Also Published As

Publication number Publication date
CN104574256B (zh) 2019-04-19

Similar Documents

Publication Publication Date Title
CN104574256A (zh) 对图像进行局部选择处理的方法和装置
US10782844B2 (en) Smart whiteboard interactions
CN110069257B (zh) 一种界面处理方法、装置及终端
US10838607B2 (en) Managing objects in panorama display to navigate spreadsheet
CN100561415C (zh) 一种调整网页中栏框的方法及装置
US9886465B2 (en) System and method for rendering of hierarchical data structures
US8504915B2 (en) Optimizations for hybrid word processing and graphical content authoring
US20150007018A1 (en) Method and device for relocating input box to target position in mobile terminal browser, and storage medium
US10169307B2 (en) Method and system for the use of adjustment handles to facilitate dynamic layout editing
CN102622395B (zh) 虚拟化应用辅助访问网页的方法、服务器及客户端
CN111078035B (zh) 一种基于HTML5 Canvas的绘图方法
CN109298806B (zh) 一种基于对象识别的远程快速界面交互方法及装置
CN104050185A (zh) 一种页面内容缩放显示处理方法及装置
CN104360847A (zh) 一种用于处理图像的方法与设备
JP2014149860A (ja) 携帯型多機能端末の情報表示方法及びそれを用いた情報表示システム、並びに携帯型多機能端末
CN110443772B (zh) 图片处理方法、装置、计算机设备和存储介质
CN111553172A (zh) 翻译文案展示方法、装置、系统及存储介质
KR102171327B1 (ko) 번역 서비스 제공 방법 및 이를 이용하는 단말장치
US20130283192A1 (en) Generation of Canvas Elements for Drawing Objects
US20200279355A1 (en) Previewing a content-aware fill
KR20140132938A (ko) 웹 페이지 표시 방법 및 그 장치
CN109388457B (zh) 一种多场景的远程快速界面交互方法及装置
CN108491139B (zh) 一种对象固定方法、装置、终端设备及存储介质
CN103853530A (zh) 在浏览器上快速显示医学图像的方法
US10586311B2 (en) Patch validity test

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant