CN110309459A - 基于网页的图像处理方法、装置、设备及存储介质 - Google Patents
基于网页的图像处理方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN110309459A CN110309459A CN201910495686.9A CN201910495686A CN110309459A CN 110309459 A CN110309459 A CN 110309459A CN 201910495686 A CN201910495686 A CN 201910495686A CN 110309459 A CN110309459 A CN 110309459A
- Authority
- CN
- China
- Prior art keywords
- processing
- image
- parameter
- frame
- 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.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明提供一种基于网页的图像处理方法、装置、设备及存储介质,通过获取对网页中的原始图像进行图像处理的参数信息,包括处理类型、处理区域以及目标处理参数;根据参数信息对原始图像进行处理,获取多帧处理过程图像,多帧处理过程图像对应的过程处理参数由原始图像的原始处理参数依次递进至目标处理参数;按照过程处理参数由原始图像的原始处理参数递进至目标处理参数的顺序在网页中的原始图像区域依次显示多帧处理过程图像,形成连续动画效果,可直观观察图像处理过程的显示效果,以便于后续调整目标处理参数;也便于用户更快速预览图像在网页中的显示效果,减少对处理参数调整时需反复上传网页的繁琐流程,提高图像处理效率,提高用户体验。
Description
技术领域
本发明涉及通信技术领域,尤其涉及一种基于网页的图像处理方法、装置、设备及存储介质。
背景技术
随着计算机技术的发展,越来越多的用户选择在网页中通过图像来传递信息,而且图像中承载的内容也越来越丰富多样。
现有的网页(Web前端)只能简单地呈现图像内容,没有对图像进行加工处理的功能,例如马赛克、高斯模糊、锐化、灰度、浮雕等等,用户只能在后端进行图像处理后在上传到网页中,以将处理得到的图像在网页上展示。
现有技术对图像处理存在一定的时延,用户无法快速的浏览处理后图像在网页中的效果,当用户需要调整图像处理参数时,需要在后端进行图像处理后重新上传到网页中,不便于用户对图像的调整,流程较繁琐,图像处理效率低下。
发明内容
本发明提供一种基于网页的图像处理方法、装置、设备及存储介质,以使用户在网页中可直观观察到图像处理过程中在处理参数不断变化时图像的显示效果,以便于后续调整目标处理参数,同时提高图像处理效率。
本发明的第一方面是提供一种基于网页的图像处理方法,包括:
获取对网页中的原始图像进行图像处理的参数信息,所述参数信息包括处理类型、处理区域以及目标处理参数;
根据所述参数信息对所述原始图像进行处理,获取多帧处理过程图像,所述多帧处理过程图像对应的过程处理参数由所述原始图像的原始处理参数依次递进至所述目标处理参数;
按照所述过程处理参数由所述原始图像的原始处理参数递进至所述目标处理参数的顺序,在所述网页中的原始图像区域依次显示所述多帧处理过程图像,形成连续动画效果。
本发明的第二方面是提供一种基于网页的图像处理装置,包括:
获取模块,用于获取对网页中的原始图像进行图像处理的参数信息,所述参数信息包括处理类型、处理区域以及目标处理参数;
处理模块,用于根据所述参数信息对所述原始图像进行处理,获取多帧处理过程图像,所述多帧处理过程图像对应的过程处理参数由所述原始图像的原始处理参数依次递进至所述目标处理参数;
显示模块,用于按照所述过程处理参数由所述原始图像的原始处理参数递进至所述目标处理参数的顺序,在所述网页中的原始图像区域依次显示所述多帧处理过程图像,形成连续动画效果。
本发明的第三方面是提供一种基于网页的图像处理设备,包括:
存储器;
处理器;以及
计算机程序;
其中,所述计算机程序存储在所述存储器中,并被配置为由所述处理器执行以实现如第一方面所述的方法。
本发明的第四方面是提供一种计算机可读存储介质,其上存储有计算机程序;
所述计算机程序被处理器执行时实现如第一方面所述的方法。
本发明提供的基于网页的图像处理方法、装置、设备及存储介质,通过获取对网页中的原始图像进行图像处理的参数信息,所述参数信息包括处理类型、处理区域以及目标处理参数;根据所述参数信息对所述原始图像进行处理,获取多帧处理过程图像,所述多帧处理过程图像对应的过程处理参数由所述原始图像的原始处理参数依次递进至所述目标处理参数;按照所述过程处理参数由所述原始图像的原始处理参数递进至所述目标处理参数的顺序,在所述网页中的原始图像区域依次显示所述多帧处理过程图像,形成连续动画效果,用户可直观的观察到图像处理过程中在处理参数不断变化时图像的显示效果,以便于用户后续调整目标处理参数;此外在网页中进行图像处理避免了先在后端进行图像处理再将处理得到的图像上传到网页中导致的处理时延,便于用户更快速的预览到图像在网页中的显示效果,减少对图像的处理参数调整时需要反复上传网页的繁琐流程,提高图像处理效率,提高用户体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的基于网页的图像处理方法流程图;
图2为本发明另一实施例提供的基于网页的图像处理方法流程图;
图3为本发明另一实施例提供的基于网页的图像处理方法流程图;
图4为本发明实施例提供的基于网页的图像处理装置的结构图;
图5为本发明实施例提供的基于网页的图像处理设备的结构图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
图1为本发明实施例提供的基于网页的图像处理方法流程图。本实施例提供了一种基于网页的图像处理方法,该方法具体步骤如下:
S101、获取对网页中的原始图像进行图像处理的参数信息,所述参数信息包括处理类型、处理区域以及目标处理参数。
在本实施例中,可在网页中进行现有技术中的任意图像处理过程,也即参数信息中包括的处理类型可包括但不限于马赛克、高斯模糊、锐化、灰度、浮雕等等,需要说明的是,本实施例中一次图像处理过程中涉及到的处理类型可以为一种或多种,例如同时进行锐化和灰度调整,本实施例中仅以马赛克处理举例进行说明。用户可首先在网页中上传原始图像,然后在设定对该原始图像进行图像处理的参数信息。本实施例中在获取到图像处理的参数信息可以预定数据交换形式传递给后续处理流程,其中预定数据交换格式可以为JSON(JavaScript Object Notation,JS对象简谱)数据形式。
进一步的,所述获取对网页中的原始图像进行图像处理的参数信息,包括:
接收处理类型用户对图像处理的参数信息的设定指令,所述设定指令包括处理类型设定指令、处理区域设定指令、和目标处理参数设定指令中至少一项;根据所述设定指令获取所述图像处理的参数信息。
在本实施例中,用户可根据需求自行设定参数信息,例如处理类型、处理区域以及目标处理参数中的任一项均可由用户来设定,例如用户可输入处理类型、处理区域以及目标处理参数中的任一项,也可在网页中提供上述参数信息的备选项由用户选择,例如处理类型可由用户选择,或者由用户输入;再如处理区域可由用户圈定,或者输入处理区域的坐标范围,在一些实施例中,若用户没有输入处理区域也可默认为处理区域为原始图像的全部区域;再如目标处理参数(例如马赛克的目标模糊程度)可由用户输入,或者提供滑动条供用户通过拖动来选择目标处理参数值。当然上述任一项参数信息也可通过其他预设策略自动获取参数信息。
作为一种可选实施例,如图2所示,所述获取对网页中的原始图像进行图像处理的参数信息,还可包括:
S1011、获取所述原始图像的图像特征;
S1012、根据所述原始图像的图像特征获取所述处理区域。
在本实施例中提供了一种处理区域自动获取的流程,也即首先获取原始图像的图像特征,可根据图像特征识别图像内容,根据预设策略确定处理区域,例如对于马赛克处理,当根据图像特征确定图像中包括人脸时,则确定处理区域为人脸区域;再如当根据图像特征确定图像中包括车牌号时,则确定处理区域为车牌区域。当然对于其他处理类型,可设定对应的预设策略,此处不再一一赘述。此外,本实施例中可应用机器学习、深度学习等技术进行上述的处理区域的自动获取。
S102、根据所述参数信息对所述原始图像进行处理,获取多帧处理过程图像,所述多帧处理过程图像对应的过程处理参数由所述原始图像的原始处理参数依次递进至所述目标处理参数。
在本实施例中,在进行图像处理时可获取多帧处理过程图像,用来显示从原始图像变化到目标图像的过程,其中原始图像对应的处理参数为原始处理参数,目标图像对应的处理参数为目标处理参数,也即多帧处理过程图像对应的过程处理参数由原始图像的原始处理参数依次递进至所述目标处理参数,例如对于马赛克的模糊程度用0%-100%表示,原始处理参数为原始图像的马赛克的模糊程度,目标处理参数为目标图像的马赛克的模糊程度,也即用户所需要的马赛克的目标模糊程度,当目标处理参数设定为30%时,则可获取三帧(或更多帧)处理过程图像,该三帧处理过程图像对应的模糊程度为过程处理参数,可依次为10%、20%、30%,也即从原始图像的原始处理参数0%递进到目标处理参数30%。需要说明的是,本实施例中的原始处理参数、过程处理参数、以及目标处理参数针对的图像的同一种处理参数,且数值大小由原始处理参数、过程处理参数、目标处理参数依次递进(依次变大或依次变小)。
进一步的,如图3所示,所述根据所述参数信息对所述原始图像进行处理,获取多帧处理过程图像,包括:
S1021、获取所述多帧处理过程图像中每一帧对应的过程处理参数;
S1022、根据所述处理类型、所述处理区域以及每一所述过程处理参数对所述原始图像进行图像处理,获取每一所述过程处理参数对应的处理过程图像。
在本实施例中,在获取所述多帧处理过程图像时,首先获取每一帧对应的过程处理参数,例如可根据预设帧数、预设步长等信息获取,例如上述举例中,目标模糊程度设定为30%,若预设帧数为三帧,则每一帧对应的模糊程度(过程处理参数)为10%、20%、30%,若预设帧数为六帧,则每一帧对应的模糊程度(过程处理参数)为5%、10%、15%、……、30%,当然也可以不相等的间隔取值确定为每一帧对应的过程处理参数。在获取到多个处理参数后,则根据处理类型、处理区域以及该些处理参数分别对原始图像进行图像处理,从而获得所述多帧处理过程图像。
更具体的,本实施例中可通过网页图形库接口,在图形处理器上根据所述参数信息对所述原始图像进行处理,获取所述多帧处理过程图像;并将得到的处理过程图像实时返回给所述网页,以在所述网页中的原始图像区域依次显示所述多帧处理过程图像。
在本实施例中,可通过调用网页图形库(Web Graphics Library,WebGL)接口实现图像处理过程在图形处理器(Graphics Processing Unit,GPU)上执行,其中WebGL是网页端的图形图像处理库,通过把JavaScript和OpenGL ES2.0绑定在一起,调用***显卡提供硬件3D加速渲染,同时极大地提升了网页端的数据处理能力。具体的,可通过WebGL将原始图像以及图像处理的参数信息传递给GPU,调用Web上的预设算法(使用GPU的片元着色器fragment shader实现)进行图像处理,获得各帧处理过程图像,并返回给网页进行依次显示。本实施例通过GPU并行处理提高算力,可快速返回处处理过程图像,减少依次显示多帧处理过程图像时容易出现的丢帧。当然图像处理过程也可在中央处理器(CentralProcessing Unit,CPU)上执行,则可不调用WebGL接口,但是处理速度相对较慢。
S103、按照所述过程处理参数由所述原始图像的原始处理参数递进至所述目标处理参数的顺序,在所述网页中的原始图像区域依次显示所述多帧处理过程图像,形成连续动画效果。
在本实施例中,在获取到所述多帧处理过程图像后,可在网页中原始图像区域依次显示所述多帧处理过程图像,其中次序按照处理参数由原始图像的原始处理参数依次递进至目标处理参数,从而形成连续动画效果,例如由马赛克的模糊程度由原始图像逐步变化到30%的连续动画效果,用户可直观的观察到图像处理过程中在处理参数不断变化时图像的显示效果,以便于用户后续调整目标处理参数。需要说明的是,上述的多帧处理过程图像也可按照上述次序来获取,每获取一张处理过程图像即可实时进行显示。
进一步的,所述在所述网页中的原始图像区域依次显示所述多帧处理过程图像,包括:
以预设频率刷新所述网页中的原始图像区域,每次刷新后在所述原始图像区域依次显示所述多帧处理过程图像中的一帧处理过程图像。
在本实施例中,可调用网页(Web)端的requestAnimationFrame(请求动画帧)接口,以预设频率(例如60fps)刷新原始图像区域,每刷新一次显示一帧处理过程图像,其显示是按照上述次序依次显示,从而形成由原始图像到最终的目标图像的动态变化的连续动画效果。
本实施例提供的基于网页的图像处理方法,通过获取对网页中的原始图像进行图像处理的参数信息,所述参数信息包括处理类型、处理区域以及目标处理参数;根据所述参数信息对所述原始图像进行处理,获取多帧处理过程图像,所述多帧处理过程图像对应的过程处理参数由所述原始图像的原始处理参数依次递进至所述目标处理参数;按照所述过程处理参数由所述原始图像的原始处理参数递进至所述目标处理参数的顺序,在所述网页中的原始图像区域依次显示所述多帧处理过程图像,形成连续动画效果,用户可直观的观察到图像处理过程中在处理参数不断变化时图像的显示效果,以便于用户后续调整目标处理参数;此外在网页中进行图像处理避免了先在后端进行图像处理再将处理得到的图像上传到网页中导致的处理时延,便于用户更快速的预览到图像在网页中的显示效果,减少对图像的处理参数调整时需要反复上传网页的繁琐流程,提高图像处理效率,提高用户体验。
在上述任一实施例的基础上,S1021所述获取所述多帧处理过程图像中每一帧对应的过程处理参数,具体可包括:
根据所述目标处理参数以及预定帧数获取所述多帧处理过程图像中每一帧对应的过程处理参数;或者
根据所述目标处理参数、所述预设频率以及刷新时长获取所述多帧处理过程图像中每一帧对应的过程处理参数;或者
根据所述目标处理参数以及预设步长获取所述多帧处理过程图像中每一帧对应的过程处理参数。
在本实施例中,由于需要以预设频率刷新网页中的原始图像区域,每次刷新后显示一帧处理过程图像,因此每一帧对应的过程处理参数可根据刷新过程来设定,例如根据目标处理参数以及预定帧数设定,例如上述举例中,马赛克处理的目标模糊程度(目标处理参数)设定为30%,若预设帧数为三帧,则每一帧对应的模糊程度(过程处理参数)为10%、20%、30%;每一帧对应的过程处理参数还可以根据目标处理参数、预设频率以及刷新时长,例如马赛克处理的目标模糊程度设定为30%,若预设频率为3fps,刷新时间为1s,则同样可获取到帧数为三帧,每一帧对应的模糊程度同上;此外每一帧对应的过程处理参数还可根据目标处理参数以及预设步长设定,例如马赛克处理的目标模糊程度设定为30%,若预设步长为10%,则每一帧对应的模糊程度同样为10%、20%、30%。上述各举例中相邻帧对应的过程处理参数之间为相等的间隔取值,当然也可以不等的间隔取值,例如可在越接近目标处理参数取值间隔越小,如10%、20%、25%、30%等,当然也可根据预定曲线关系来进行取值,此处不再一一赘述。
在上述任一实施例的基础上,所述方法还包括:
在所述多帧处理过程图像中每一帧上添加对应的过程处理参数标识;或者
在所述网页中的原始图像区域依次显示所述多帧处理过程图像过程中,在所述网页的预设位置实时显示当前帧对应的过程处理参数。
在本实施例中,为了便于用户后续调整目标处理参数,因此可在网页中的原始图像区域依次显示多帧处理过程图像时,实时显示出每帧处理过程图像对应的过程处理参数,具体可采用在图像处理过程中就在每帧处理过程图像上添加对应的过程处理参数标识,其中处理参数标识可以为处理参数的具体数值,也可以添加一个进度条,其中进度条可以与用户设定目标处理参数时采用的滑动条对应,例如用户滑动到滑动条中间位置处时,将马赛克的目标模糊程度设定为50%,则在每帧处理过程图像上添加对应的一个进度条,显示目标模糊程度50%位于该进度条的中间位置,每帧处理过程图像的过程处理参数位于进度条中0至50%之间,则在依次显示多帧处理过程图像时用户可观察到进度条依次从0变化到50%位置处,从而便于用户后续调整目标模糊程度时确定滑动条的位置。此外,本实施例中也可在图像处理过程中不在每一帧上添加对应的过程处理参数标识,而在依次显示多帧处理过程图像过程中在网页的预定位置处实时显示当前帧对应的过程处理参数,同样也可通过上述的进度条的方式显示,此处不再赘述。当然对于每帧处理过程图像对应的过程处理参数的实时显示可不限于上述举例,其他可实现的方式此处不再一一赘述。
图4为本发明实施例提供的基于网页的图像处理装置的结构图。本实施例提供的基于网页的图像处理装置可以执行基于网页的图像处理方法实施例提供的处理流程,如图4所示,所述基于网页的图像处理装置包括获取模块41,处理模块42以及显示模块43。
获取模块41,用于获取对网页中的原始图像进行图像处理的参数信息,所述参数信息包括处理类型、处理区域以及目标处理参数;
处理模块42,用于根据所述参数信息对所述原始图像进行处理,获取多帧处理过程图像,所述多帧处理过程图像对应的过程处理参数由所述原始图像的原始处理参数依次递进至所述目标处理参数;
显示模块43,用于按照所述过程处理参数由所述原始图像的原始处理参数递进至所述目标处理参数的顺序,在所述网页中的原始图像区域依次显示所述多帧处理过程图像,形成连续动画效果。
在上述任一实施例的基础上,所述处理模块42用于:
获取所述多帧处理过程图像中每一帧对应的过程处理参数;
根据所述处理类型、所述处理区域以及每一所述过程处理参数对所述原始图像进行图像处理,获取每一所述过程处理参数对应的处理过程图像。
在上述任一实施例的基础上,所述显示模块43用于:
以预设频率刷新所述网页中的原始图像区域,每次刷新后在所述原始图像区域依次显示所述多帧处理过程图像中的一帧。
在上述任一实施例的基础上,所述处理模块42用于:
根据所述目标处理参数以及预定帧数获取所述多帧处理过程图像中每一帧对应的过程处理参数;或者
根据所述目标处理参数、所述预设频率以及刷新时长获取所述多帧处理过程图像中每一帧对应的过程处理参数;或者
根据所述目标处理参数以及预设步长获取所述多帧处理过程图像中每一帧对应的过程处理参数。
在上述任一实施例的基础上,所述处理模块42还用于,在所述多帧处理过程图像中每一帧上添加对应的过程处理参数标识;或者
所述显示模块43还用于,在所述网页中的原始图像区域依次显示所述多帧处理过程图像过程中,在所述网页的预设位置实时显示当前帧对应的过程处理参数。
在上述任一实施例的基础上,所述处理模块42用于:
通过网页图形库接口,在图形处理器上根据所述参数信息对所述原始图像进行处理,获取所述多帧处理过程图像;
将得到的处理过程图像实时返回给所述网页,以在所述网页中的原始图像区域依次显示所述多帧处理过程图像。
在上述任一实施例的基础上,所述获取模块41用于:
接收处理类型用户对图像处理的参数信息的设定指令,所述设定指令包括处理类型设定指令、处理区域设定指令、和目标处理参数设定指令中至少一项;
根据所述设定指令获取所述图像处理的参数信息。
在上述任一实施例的基础上,所述获取模块41用于:
获取所述原始图像的图像特征;
根据所述原始图像的图像特征获取所述处理区域。
在上述任一实施例的基础上,所述处理类型包括马赛克、高斯模糊、锐化处理、灰度处理、浮雕处理中的至少一种。
本发明实施例提供的基于网页的图像处理装置可以具体用于执行上述图1所提供的方法实施例,具体功能此处不再赘述。
本发明实施例基于网页的图像处理装置,通过获取对网页中的原始图像进行图像处理的参数信息,所述参数信息包括处理类型、处理区域以及目标处理参数;根据所述参数信息对所述原始图像进行处理,获取多帧处理过程图像,所述多帧处理过程图像对应的过程处理参数由所述原始图像的原始处理参数依次递进至所述目标处理参数;按照所述过程处理参数由所述原始图像的原始处理参数递进至所述目标处理参数的顺序,在所述网页中的原始图像区域依次显示所述多帧处理过程图像,形成连续动画效果,用户可直观的观察到图像处理过程中在处理参数不断变化时图像的显示效果,以便于用户后续调整目标处理参数;此外在网页中进行图像处理避免了先在后端进行图像处理再将处理得到的图像上传到网页中导致的处理时延,便于用户更快速的预览到图像在网页中的显示效果,减少对图像的处理参数调整时需要反复上传网页的繁琐流程,提高图像处理效率,提高用户体验。
图5为本发明实施例提供的基于网页的图像处理设备的结构示意图。本发明实施例提供的基于网页的图像处理设备可以执行基于网页的图像处理方法实施例提供的处理流程,如图5所示,基于网页的图像处理设备50包括存储器51、处理器52、计算机程序和通讯接口53;其中,计算机程序存储在存储器51中,并被配置为由处理器52执行以上实施例所述的基于网页的图像处理方法。
图5所示实施例的基于网页的图像处理设备可用于执行上述方法实施例的技术方案,其实现原理和技术效果类似,此处不再赘述。
另外,本实施例还提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行以实现上述实施例所述的基于网页的图像处理方法。
在本发明所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个***,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用硬件加软件功能单元的形式实现。
上述以软件功能单元的形式实现的集成的单元,可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)或处理器(processor)执行本发明各个实施例所述方法的部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
本领域技术人员可以清楚地了解到,为描述的方便和简洁,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。上述描述的装置的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
最后应说明的是:以上各实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述各实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。
Claims (20)
1.一种基于网页的图像处理方法,其特征在于,包括:
获取对网页中的原始图像进行图像处理的参数信息,所述参数信息包括处理类型、处理区域以及目标处理参数;
根据所述参数信息对所述原始图像进行处理,获取多帧处理过程图像,所述多帧处理过程图像对应的过程处理参数由所述原始图像的原始处理参数依次递进至所述目标处理参数;
按照所述过程处理参数由所述原始图像的原始处理参数递进至所述目标处理参数的顺序,在所述网页中的原始图像区域依次显示所述多帧处理过程图像,形成连续动画效果。
2.根据权利要求1所述的方法,其特征在于,所述根据所述参数信息对所述原始图像进行处理,获取多帧处理过程图像,包括:
获取所述多帧处理过程图像中每一帧对应的过程处理参数;
根据所述处理类型、所述处理区域以及每一所述过程处理参数对所述原始图像进行图像处理,获取每一所述过程处理参数对应的处理过程图像。
3.根据权利要求2所述的方法,其特征在于,所述在所述网页中的原始图像区域依次显示所述多帧处理过程图像,包括:
以预设频率刷新所述网页中的原始图像区域,每次刷新后在所述原始图像区域依次显示所述多帧处理过程图像中的一帧处理过程图像。
4.根据权利要求3所述的方法,其特征在于,所述获取所述多帧处理过程图像中每一帧对应的过程处理参数,包括:
根据所述目标处理参数以及预定帧数获取所述多帧处理过程图像中每一帧对应的过程处理参数;或者
根据所述目标处理参数、所述预设频率以及刷新时长获取所述多帧处理过程图像中每一帧对应的过程处理参数;或者
根据所述目标处理参数以及预设步长获取所述多帧处理过程图像中每一帧对应的过程处理参数。
5.根据权利要求3所述的方法,其特征在于,还包括:
在所述多帧处理过程图像中每一帧上添加对应的过程处理参数标识;或者
在所述网页中的原始图像区域依次显示所述多帧处理过程图像过程中,在所述网页的预设位置实时显示当前帧对应的过程处理参数。
6.根据权利要求3所述的方法,其特征在于,所述根据所述参数信息对所述原始图像进行处理,获取多帧处理过程图像,包括:
通过网页图形库接口,在图形处理器上根据所述参数信息对所述原始图像进行处理,获取所述多帧处理过程图像;
将得到的处理过程图像实时返回给所述网页,以在所述网页中的原始图像区域依次显示所述多帧处理过程图像。
7.根据权利要求1-6任一项所述的方法,其特征在于,所述获取对网页中的原始图像进行图像处理的参数信息,包括:
接收处理类型用户对图像处理的参数信息的设定指令,所述设定指令包括处理类型设定指令、处理区域设定指令、和目标处理参数设定指令中至少一项;
根据所述设定指令获取所述图像处理的参数信息。
8.根据权利要求7所述的方法,其特征在于,所述获取对网页中的原始图像进行图像处理的参数信息,还包括:
获取所述原始图像的图像特征;
根据所述原始图像的图像特征获取所述处理区域。
9.根据权利要求1所述的方法,其特征在于,所述处理类型包括马赛克、高斯模糊、锐化处理、灰度处理、浮雕处理中的至少一种。
10.一种基于网页的图像处理装置,其特征在于,包括:
获取模块,用于获取对网页中的原始图像进行图像处理的参数信息,所述参数信息包括处理类型、处理区域以及目标处理参数;
处理模块,用于根据所述参数信息对所述原始图像进行处理,获取多帧处理过程图像,所述多帧处理过程图像对应的过程处理参数由所述原始图像的原始处理参数依次递进至所述目标处理参数;
显示模块,用于按照所述过程处理参数由所述原始图像的原始处理参数递进至所述目标处理参数的顺序,在所述网页中的原始图像区域依次显示所述多帧处理过程图像,形成连续动画效果。
11.根据权利要求10所述的装置,其特征在于,所述处理模块用于:
获取所述多帧处理过程图像中每一帧对应的过程处理参数;
根据所述处理类型、所述处理区域以及每一所述过程处理参数对所述原始图像进行图像处理,获取每一所述过程处理参数对应的处理过程图像。
12.根据权利要求10所述的装置,其特征在于,所述显示模块用于:
以预设频率刷新所述网页中的原始图像区域,每次刷新后在所述原始图像区域依次显示所述多帧处理过程图像中的一帧。
13.根据权利要求12所述的装置,其特征在于,所述处理模块用于:
根据所述目标处理参数以及预定帧数获取所述多帧处理过程图像中每一帧对应的过程处理参数;或者
根据所述目标处理参数、所述预设频率以及刷新时长获取所述多帧处理过程图像中每一帧对应的过程处理参数;或者
根据所述目标处理参数以及预设步长获取所述多帧处理过程图像中每一帧对应的过程处理参数。
14.根据权利要求12所述的装置,其特征在于,
所述处理模块还用于,在所述多帧处理过程图像中每一帧上添加对应的过程处理参数标识;或者
所述显示模块还用于,在所述网页中的原始图像区域依次显示所述多帧处理过程图像过程中,在所述网页的预设位置实时显示当前帧对应的过程处理参数。
15.根据权利要求12所述的装置,其特征在于,所述处理模块用于:
通过网页图形库接口,在图形处理器上根据所述参数信息对所述原始图像进行处理,获取所述多帧处理过程图像;
将得到的处理过程图像实时返回给所述网页,以在所述网页中的原始图像区域依次显示所述多帧处理过程图像。
16.根据权利要求10-15任一项所述的装置,其特征在于,所述获取模块用于:
接收处理类型用户对图像处理的参数信息的设定指令,所述设定指令包括处理类型设定指令、处理区域设定指令、和目标处理参数设定指令中至少一项;
根据所述设定指令获取所述图像处理的参数信息。
17.根据权利要求16所述的装置,其特征在于,所述获取模块用于:
获取所述原始图像的图像特征;
根据所述原始图像的图像特征获取所述处理区域。
18.根据权利要求10所述的装置,其特征在于,所述处理类型包括马赛克、高斯模糊、锐化处理、灰度处理、浮雕处理中的至少一种。
19.一种基于网页的图像处理设备,其特征在于,包括:
存储器;
处理器;以及
计算机程序;
其中,所述计算机程序存储在所述存储器中,并被配置为由所述处理器执行以实现如权利要求1-9中任一项所述的方法。
20.一种计算机可读存储介质,其特征在于,其上存储有计算机程序;
所述计算机程序被处理器执行时实现如权利要求1-9中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910495686.9A CN110309459A (zh) | 2019-06-10 | 2019-06-10 | 基于网页的图像处理方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910495686.9A CN110309459A (zh) | 2019-06-10 | 2019-06-10 | 基于网页的图像处理方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110309459A true CN110309459A (zh) | 2019-10-08 |
Family
ID=68075923
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910495686.9A Pending CN110309459A (zh) | 2019-06-10 | 2019-06-10 | 基于网页的图像处理方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110309459A (zh) |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101551914A (zh) * | 2009-05-11 | 2009-10-07 | 深圳市茁壮网络股份有限公司 | 一种实现二维图形特效的方法及相应装置、*** |
CN101588438A (zh) * | 2009-06-10 | 2009-11-25 | 拓维信息***股份有限公司 | 由彩照转化为不同风格图片的手机动画创作方法 |
CN101706785A (zh) * | 2009-11-19 | 2010-05-12 | 深圳市同洲电子股份有限公司 | 一种网页特效实现方法和浏览器 |
CN101706782A (zh) * | 2009-11-16 | 2010-05-12 | 深圳市同洲电子股份有限公司 | 一种实现网页特效的方法及*** |
CN101901274A (zh) * | 2010-08-11 | 2010-12-01 | 深圳市茁壮网络股份有限公司 | 实现页面特效的方法及装置 |
CN102866886A (zh) * | 2012-09-04 | 2013-01-09 | 北京航空航天大学 | 一种基于Web的算法动画可视化开发*** |
CN104899287A (zh) * | 2015-06-04 | 2015-09-09 | 百度在线网络技术(北京)有限公司 | 网页的显示方法和装置 |
CN105872345A (zh) * | 2015-01-20 | 2016-08-17 | 北京理工大学 | 基于特征匹配的全帧电子稳像方法 |
CN107797783A (zh) * | 2017-10-25 | 2018-03-13 | 广东欧珀移动通信有限公司 | 控制方法、控制装置和计算机可读存储介质 |
CN109189537A (zh) * | 2018-08-31 | 2019-01-11 | 掌阅科技股份有限公司 | 页面信息的动态显示方法、计算设备及计算机存储介质 |
CN109359262A (zh) * | 2018-10-11 | 2019-02-19 | 广州酷狗计算机科技有限公司 | 动画播放方法、装置、终端及存储介质 |
-
2019
- 2019-06-10 CN CN201910495686.9A patent/CN110309459A/zh active Pending
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101551914A (zh) * | 2009-05-11 | 2009-10-07 | 深圳市茁壮网络股份有限公司 | 一种实现二维图形特效的方法及相应装置、*** |
CN101588438A (zh) * | 2009-06-10 | 2009-11-25 | 拓维信息***股份有限公司 | 由彩照转化为不同风格图片的手机动画创作方法 |
CN101706782A (zh) * | 2009-11-16 | 2010-05-12 | 深圳市同洲电子股份有限公司 | 一种实现网页特效的方法及*** |
CN101706785A (zh) * | 2009-11-19 | 2010-05-12 | 深圳市同洲电子股份有限公司 | 一种网页特效实现方法和浏览器 |
CN101901274A (zh) * | 2010-08-11 | 2010-12-01 | 深圳市茁壮网络股份有限公司 | 实现页面特效的方法及装置 |
CN102866886A (zh) * | 2012-09-04 | 2013-01-09 | 北京航空航天大学 | 一种基于Web的算法动画可视化开发*** |
CN105872345A (zh) * | 2015-01-20 | 2016-08-17 | 北京理工大学 | 基于特征匹配的全帧电子稳像方法 |
CN104899287A (zh) * | 2015-06-04 | 2015-09-09 | 百度在线网络技术(北京)有限公司 | 网页的显示方法和装置 |
CN107797783A (zh) * | 2017-10-25 | 2018-03-13 | 广东欧珀移动通信有限公司 | 控制方法、控制装置和计算机可读存储介质 |
CN109189537A (zh) * | 2018-08-31 | 2019-01-11 | 掌阅科技股份有限公司 | 页面信息的动态显示方法、计算设备及计算机存储介质 |
CN109359262A (zh) * | 2018-10-11 | 2019-02-19 | 广州酷狗计算机科技有限公司 | 动画播放方法、装置、终端及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106056529B (zh) | 一种对用于图片识别的卷积神经网络训练的方法与设备 | |
CN102378978B (zh) | 变换的快速和存储有效实现的方法 | |
CN107229966B (zh) | 一种模型数据更新方法、装置及*** | |
JP7403638B2 (ja) | 高速なスパースニューラルネットワーク | |
US9098941B2 (en) | Systems and methods for graphical layout | |
CN101763627B (zh) | 一种高斯模糊的实现方法和装置 | |
CN111176820B (zh) | 一种基于深度神经网络的边缘计算任务的分配方法及装置 | |
DE202016107446U1 (de) | Rotation von Daten für Berechnungen in neuronalen Netzwerken | |
CN108416436A (zh) | 使用多核心处理模块进行神经网络划分的方法及其*** | |
CN106652008A (zh) | 一种自动生成网格与着色器多层次细节的方法 | |
CN111898424B (zh) | 文字识别模型训练方法、装置、电子设备及存储介质 | |
CN107341761A (zh) | 一种深度神经网络的计算执行方法和*** | |
EP2996086A1 (en) | System, method and computer program product for automatic optimization of 3d textured models for network transfer and real-time rendering | |
CN110503194A (zh) | 一种分布式并行训练的方法和*** | |
JP5362130B2 (ja) | イメージ処理方法及びそのための装置 | |
CN108960408A (zh) | 一种面向超高清分辨率图案的风格化***及方法 | |
CN110390382A (zh) | 一种带新型特征图缓存模块的卷积神经网络硬件加速器 | |
US20230298252A1 (en) | Image rendering method and related apparatus | |
CN103871073B (zh) | 一种基于增强现实的目标跟踪方法、设备及*** | |
CN110414672B (zh) | 卷积运算方法、装置及*** | |
CN111160501A (zh) | 一种二维码训练数据集的构建方法及装置 | |
CN110009103A (zh) | 一种深度学习卷积计算的方法和装置 | |
CN110309459A (zh) | 基于网页的图像处理方法、装置、设备及存储介质 | |
JP2005055573A (ja) | 高速表示処理装置 | |
CN111356151B (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 |