Processing

Please wait...

PATENTSCOPE will be unavailable a few hours for maintenance reason on Tuesday 26.10.2021 at 12:00 PM CEST
Settings

Settings

Goto Application

1. WO2020140650 - IMAGE PROCESSING METHOD AND APPARATUS, STORAGE MEDIUM, AND ELECTRONIC DEVICE

Document

说明书

发明名称 0001   0002   0003   0004   0005   0006   0007   0008   0009   0010   0011   0012   0013   0014   0015   0016   0017   0018   0019   0020   0021   0022   0023   0024   0025   0026   0027   0028   0029   0030   0031   0032   0033   0034   0035   0036   0037   0038   0039   0040   0041   0042   0043   0044   0045   0046   0047   0048   0049   0050   0051   0052   0053   0054   0055   0056   0057   0058   0059   0060   0061   0062   0063   0064   0065   0066   0067   0068   0069   0070   0071   0072   0073   0074   0075   0076   0077   0078   0079   0080   0081   0082   0083   0084   0085   0086   0087   0088   0089   0090   0091   0092   0093   0094   0095   0096   0097   0098   0099   0100   0101   0102   0103   0104   0105   0106   0107   0108   0109   0110   0111   0112   0113   0114   0115   0116   0117   0118   0119   0120   0121   0122   0123   0124   0125   0126   0127   0128   0129   0130   0131   0132   0133   0134   0135   0136   0137   0138   0139   0140   0141   0142   0143   0144   0145   0146   0147   0148   0149   0150   0151   0152   0153   0154   0155   0156   0157   0158   0159   0160   0161   0162   0163   0164   0165   0166   0167   0168   0169  

权利要求书

1   2   3   4   5   6   7   8   9   10   11   12   13   14   15   16   17   18   19   20  

附图

1   2   3   4   5   6   7  

说明书

发明名称 : 一种图像处理方法及装置、存储介质、电子设备

[0001]
本申请要求于2019年01月03日提交中国专利局、申请号为201910003254.1、申请名称为“一种图像处理方法及装置、存储介质、电子设备”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。

技术领域

[0002]
本申请涉及图像处理技术领域,特别涉及一种图像处理方法及装置、存储介质以及电子设备。

背景技术

[0003]
超文本标记语言5(Hyper Text Markup Language 5,HTML5)的<canvas>元素用于在浏览器的网页上实时生成图像,<canvas>标签只是图形容器,必须使用脚本(通常是JavaScript)来绘制图形。在Canvas(画布)上面绘制的图形是不可以缩放的,因此,每当Canvas的高度或宽度被重设时,画布内容就会被清空。
[0004]
通常情况下,当开发人员需要对网页中的图像进行编辑时,会使用Canvas来完成该编辑工作。但是,使用Canvas编辑图像会存在以下问题:每次重设Canvas的高度或宽度时,都需要把画布清空,再对图像进行编辑。这样会导致内存占用率过大进而导致卡顿,以及编辑效率低的问题。
[0005]
发明内容
[0006]
为了解决相关技术中利用Canvas重新编辑图像时会存在内存占用率大而造成的卡顿问题,本申请提供了一种图像处理方法及装置、存储介质、电子设备。
[0007]
本申请实施例第一方面公开了一种图像处理方法,所述方法包括:
[0008]
从网页中提取待处理原始图像;
[0009]
检测是否接收到针对所述待处理原始图像的第一图像编辑操作;
[0010]
若接收到所述第一图像编辑操作,根据所述第一图像编辑操作对所述待处理原始图像中的dom元素进行编辑,获得第一图像;
[0011]
检测是否接收到针对所述第一图像的第二图像编辑操作;
[0012]
若接收到所述第二图像编辑操作,根据所述第二图像编辑操作对所述第一图像中的dom元素进行编辑,获得第二图像;
[0013]
当接收到图像生成操作时,调用Canvas将所述第二图像生成与预设待输出格式匹配的目标图像。
[0014]
本申请实施例第二方面公开了一种图像处理装置,所述装置包括:
[0015]
提取单元,用于从网页中提取待处理原始图像;
[0016]
第一检测单元,用于检测是否接收到针对所述待处理原始图像的第一图像编辑操作;
[0017]
编辑单元,用于当接收到所述第一图像编辑操作时,根据所述第一图像编辑操作对所述待处理原始图像中的dom元素进行编辑,获得第一图像;
[0018]
所述第一检测单元,还用于检测是否接收到针对所述第一图像的第二图像编辑操作;
[0019]
所述编辑单元,还用于当接收到所述第二图像编辑操作时,根据所述第二图像编辑操作对所述第一图像中的dom元素进行编辑,获得第二图像;
[0020]
生成单元,用于当接收到图像生成操作时,调用Canvas将所述第二图像生成与预设待输出格式匹配的目标图像。
[0021]
本申请实施例第三方面公开了一种电子设备,所述电子设备包括:
[0022]
处理器;
[0023]
存储器,所述存储器上存储有计算机可读指令,所述计算机可读指令被所述处理器执行时,实现本申请实施例第一方面公开的一种图像处理方法。
[0024]
本申请实施例第四方面公开了一种计算机可读存储介质,其存储计算机程序,所述计算机程序使得计算机执行本申请实施例第一方面公开的一种图像处理方法。可选的,该计算机可读存储介质可以为计算机非易失性可读存储介质。
[0025]
本申请的实施例提供的技术方案使得在进行图像编辑时,每一次编辑操作,只需对图像中的dom元素进行操作,而无需清空原有图像,再重新编辑。能够减小图片编辑过程中的内存占用率,解决卡顿问题,进而提高图片编辑效率,提升用户体验。

附图说明

[0026]
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并于说明书一起用于解释本申请的原理。
[0027]
图1是本申请实施例公开的一种图像处理装置的结构示意图;
[0028]
图2是本申请实施例公开的一种图像处理方法的流程图;
[0029]
图3是本申请实施例公开的另一种图像处理方法的流程图;
[0030]
图4是本申请实施例公开的又一种图像处理方法的流程图;
[0031]
图5是本申请实施例公开的一种图像处理装置的结构示意图;
[0032]
图6是本申请实施例公开的另一种图像处理装置的结构示意图;
[0033]
图7是本申请实施例公开的又一种图像处理装置的结构示意图。

具体实施方式

[0034]
这里将详细地对示例性实施例执行说明,其示例表示在附图中。
[0035]
实施例一
[0036]
本申请的实施环境可以是电子设备,例如智能手机、平板电脑、台式电脑。电子设备所提取的待处理原始图像可以是:从互联网网页下载的图像或者视频图像等。
[0037]
图1是本申请实施例公开的一种图像处理装置的结构示意图。图像处理装置100可以是上述电子设备。如图1所示,图像处理装置100可以包括以下一个或多个组件:处理组件102,存储器104,电源组件106,多媒体组件108,音频组件110,传感器组件114以及通信组件116。
[0038]
处理组件102通常控制图像处理装置100的整体操作,诸如与显示,电话呼叫,数据通信,相机操作以及记录操作相关联的操作等。处理组件102可以包括一个或多个处理器118来执行指令,以完成下述的方法的全部或部分步骤。此外,处理组件102可以包括一 个或多个模块,用于便于处理组件102和其他组件之间的交互。例如,处理组件102可以包括多媒体模块,用于以方便多媒体组件108和处理组件102之间的交互。
[0039]
存储器104被配置为存储各种类型的数据以支持在图像处理装置100的操作。这些数据的示例包括用于在图像处理装置100上操作的任何应用程序或方法的指令。存储器104可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(Static Random Access Memory,简称SRAM),电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory,简称EEPROM),可擦除可编程只读存储器(Erasable Programmable Read Only Memory,简称EPROM),可编程只读存储器(Programmable Red-Only Memory,简称PROM),只读存储器(Read-Only Memory,简称ROM),磁存储器,快闪存储器,磁盘或光盘。存储器104中还存储有一个或多个模块,用于该一个或多个模块被配置成由该一个或多个处理器118执行,以完成如下所示方法中的全部或者部分步骤。
[0040]
电源组件106为图像处理装置100的各种组件提供电力。电源组件106可以包括电源管理系统,一个或多个电源,及其他与为图像处理装置100生成、管理和分配电力相关联的组件。
[0041]
多媒体组件108包括在图像处理装置100和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(Liquid Crystal Display,简称LCD)和触摸面板。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与触摸或滑动操作相关的持续时间和压力。屏幕还可以包括有机电致发光显示器(Organic Light Emitting Display,简称OLED)。
[0042]
音频组件110被配置为输出和/或输入音频信号。例如,音频组件110包括一个麦克风(Microphone,简称MIC),当图像处理装置100处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器104或经由通信组件116发送。在一些实施例中,音频组件110还包括一个扬声器,用于输出音频信号。
[0043]
传感器组件114包括一个或多个传感器,用于为图像处理装置100提供各个方面的状态评估。例如,传感器组件114可以检测到图像处理装置100的打开/关闭状态,组件的相对定位,传感器组件114还可以检测图像处理装置100或图像处理装置100一个组件的位置改变以及图像处理装置100的温度变化。在一些实施例中,该传感器组件114还可以包括磁传感器,压力传感器或温度传感器。
[0044]
通信组件116被配置为便于图像处理装置100和其他设备之间有线或无线方式的通信。图像处理装置100可以接入基于通信标准的无线网络,如WiFi(Wireless-Fidelity,无线保真)。在本申请实施例中,通信组件116经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在本申请实施例中,通信组件116还包括近场通信(Near Field Communication,简称NFC)模块,用于以促进短程通信。例如,在NFC模块可基于射频识别(Radio Frequency Identification,简称RFID)技术,红外数据协会(Infrared Data Association,简称IrDA)技术,超宽带(Ultra Wideband,简称UWB)技术,蓝牙技术和 其他技术来实现。
[0045]
在示例性实施例中,图像处理装置100可以被一个或多个应用专用集成电路(Application Specific Integrated Circuit,简称ASIC)、数字信号处理器、数字信号处理设备、可编程逻辑器件、现场可编程门阵列、控制器、微控制器、微处理器或其他电子元件实现,用于执行下述方法。
[0046]
实施例二
[0047]
请参阅图2,图2是本申请实施例公开的一种图像处理方法的流程示意图。如图2所示该图像处理方法可以包括以下步骤:
[0048]
201、从网页中提取待处理原始图像。
[0049]
本申请实施例中,当开发人员需要对浏览器的网页上所存在的图像进行编辑时,就需要先加载网页中相关的图像。从网页中提取的待处理原始图像可以是静态图片,可以是动态图片中的某一帧图像,也可以是视频文件中的某一帧图像。此外,网页中的图像可以是多种格式的图片,如BMP位图图片、JPEG图片、GIF图片、PNG图片和PSD图像文档等。从网页中提取的待处理原始图像的格式可以是以上任意一种。本申请实施例不作限定。
[0050]
202、检测是否接收到针对待处理原始图像的第一图像编辑操作。
[0051]
本申请实施例中,第一图像编辑操作的编辑类型包括第一类编辑或第二类编辑,其中,第一类编辑至少包括形状编辑,第二类编辑至少包括颜色编辑。
[0052]
作为一种可选的实施方式,在步骤202之前,还可以执行以下步骤:
[0053]
在预设时长内检测是否接收到用于定义待处理原始图像中的dom元素的第一定义操作;若在预设时长内接收到第一定义操作,根据该第一定义操作获取待处理原始图像中的dom元素;若在预设时长内未接收到第一定义操作,则识别待处理原始图像中的图形,将待处理原始图像中的图形所占的区域作为待处理原始图像中的dom元素。可见,实施本实施方式,可以根据实际情况获取原始图像中的dom元素。
[0054]
203、若接收到第一图像编辑操作,根据第一图像编辑操作对待处理原始图像中的dom元素进行编辑,获得第一图像。
[0055]
本申请实施例中,dom元素是由用户定义的图像中的可编辑区域,用户可以通过对dom元素进行编辑实现对图像的编辑。
[0056]
可以理解,上述待处理原始图像中的dom元素为待处理原始图像的可编辑区域。
[0057]
作为一种可选的实施方式,步骤203可以包括:
[0058]
若接收到第一图像编辑操作,判断第一图像编辑操作所属的编辑类型;当第一图像编辑操作属于第一类编辑时,根据第一图像编辑操作对待处理原始图像中的dom元素进行重排,获得第一图像;当第一图像编辑操作属于第二类编辑时,根据第一图像编辑操作对待处理原始图像中的dom元素进行重绘,获得第一图像。
[0059]
进一步,可选的,由于第一类编辑至少包括形状编辑,影响了dom元素的几何属性,上述当第一图像编辑操作属于第一类编辑时,根据第一图像编辑操作对待处理原始图像中的dom元素进行重排,获得第一图像,包括:
[0060]
当第一图像编辑操作属于第一类编辑时,根据第一图像编辑操作,重新计算待处理原始图像中的dom元素的几何属性并进行重排,获得第一图像。
[0061]
可见,实施上述可选的实施方式,能够通过根据第一图像编辑操作所属的编辑类型对图像进行编辑,进而提高图像编辑效率。
[0062]
本申请实施例中,当dom元素的变化影响了dom元素的几何属性时,需要重新计算dom元素的几何属性,并且图像中其他元素的几何属性可能会受到影响,在这样的情况下,会发生重新构造渲染树的操作,上述过程称为重排。
[0063]
本申请实施例中,当待处理原始图像中的dom元素变化仅影响到背景颜色等非几何属性,那么该过程称为重绘。重排必定会引发重绘,但是重绘不一定会引发重排。
[0064]
204、检测是否接收到针对第一图像的第二图像编辑操作。
[0065]
本申请实施例中,第二图像编辑操作的编辑类型包括第一类编辑或第二类编辑,其中,第一类编辑至少包括形状编辑,第二类编辑至少包括颜色编辑。
[0066]
作为一种可选的实施方式,步骤204之前,还可以执行以下步骤:
[0067]
在预设时长内检测是否接收到用于定义第一图像中的dom元素的第二定义操作;若在预设时长内接收到第二定义操作,根据第二定义操作获取第一图像中的dom元素;若在预设时长内未接收到第二定义操作,则识别第一图像中的图形,将第一图像中的图形所占的区域作为第一图像中的dom元素。可见,实施本实施方式,能够获取第一图像中的dom元素。可见,实施本实施方式,可以根据实际情况获取第一图像中的dom元素。
[0068]
205、若接收到第二图像编辑操作,根据第二图像编辑操作对第一图像中的dom元素进行编辑,获得第二图像。
[0069]
可以理解,上述第一图像中的dom元素为第一图像中的可编辑区域。
[0070]
作为一种可选的实施方式,步骤205可以包括:
[0071]
若接收到第二图像编辑操作,判断第二图像编辑操作所属的编辑类型;当第二图像编辑操作属于第一类编辑时,根据第二图像编辑操作对第一图像中的dom元素进行重排,获得第二图像;当第二图像编辑操作属于第二类编辑时,根据第二图像编辑操作对第一图像中的dom元素进行重绘,获得第二图像。
[0072]
进一步的,可选的,由于第一类编辑至少包括形状编辑,影响了dom元素的几何属性,上述当第二图像编辑操作属于第一类编辑时,根据第二图像编辑操作对第一图像中的dom元素进行重排,获得第二图像,包括:
[0073]
当第二图像编辑操作属于第一类编辑时,根据第二图像编辑操作,重新计算第一图像中的dom元素的几何属性并进行重排,获得第二图像。可见,实施上述可选的实施方式,能够通过根据第二图像编辑操作所属的编辑类型对图像进行编辑,进而提高图像编辑效率。可见,实施本实施方式,能够通过判断第二图像编辑操作所属的编辑类型,决定对第一图像中的dom元素进行重排或是重绘,以提高图像编辑效率
[0074]
本申请实施例中,当第一图像中的dom元素变化仅影响到背景颜色等非几何属性,那么该过程称为重绘。重排必定会引发重绘,但是重绘不一定会引发重排。
[0075]
206、当接收到图像生成操作时,调用Canvas将第二图像生成与预设待输出格式匹配的目标图像。
[0076]
本申请实施例中,预设待输出格式至少包括base64格式。
[0077]
作为一种可选的实施方式,上述当接收到图像生成操作时,调用Canvas将第二图像生 成与预设待输出格式匹配的目标图像的方式具体为:
[0078]
通过插件htmltocanvas调用Canvas,根据插件htmltocanvas的开发平台(openapi)将第二图像生成与预设待输出格式匹配的目标图像;其中openapi是把一个软件组件或是一个web服务封装成一系列计算机易识别的数据接口开放出去,以供第三方开发者使用的应用编程接口(Application Programming Interface,API)。实施该可选的实施方式,降低了对Canvas这一技能的要求,适用人群更广。
[0079]
作为一种可选的实施方式,执行步骤203之后,检测是否接收到将第一图像编辑操作存储为历史操作的存储指令,该存储指令至少包括对第一存储操作的命名;当接收到上述存储指令时,将命名后的第一存储操作保存至历史操作列表;执行步骤205之后,检测是否接收到将第二图像编辑操作存储为历史操作的存储指令,该存储指令至少包括对第二存储操作的命名;当接收到上述存储指令时,将命名后的第二存储操作保存至历史操作列表。可见,实施本实施方式,当需要对视频文件中存在相同图形元素的图像进行相同的编辑操作时,可以调用历史操作列表中存储的历史操作,进而提高编辑效率。
[0080]
可见,实施图2所描述的方法,在进行图像编辑时,每一次编辑操作,只需对图像中的dom元素进行操作,而无需清空原有图像,再重新编辑。能够减小图片编辑过程中的内存占用率,解决卡顿问题,进而提高图片编辑效率,提升用户体验。
[0081]
实施例三
[0082]
请参阅图3,图3是本申请实施例公开的另一种图像处理方法的流程示意图。如图3所示,该图像处理方法可以包括以下步骤:
[0083]
301、从网页中提取待处理原始图像。
[0084]
302、检测是否接收到针对待处理原始图像的第一图像编辑操作。
[0085]
303、若接收到第一图像编辑操作,根据第一图像编辑操作对待处理原始图像中的dom元素进行编辑,获得第一图像。
[0086]
304、检测是否接收到针对第一图像的第二图像编辑操作。
[0087]
305、若接收到第二图像编辑操作,根据第二图像编辑操作对第一图像中的dom元素进行编辑,获得第二图像。
[0088]
306、检测是否接收到针对第二图像的第三图像编辑操作。
[0089]
307、若接收到第三图像编辑操作,根据第三图像编辑操作对第二图像中的dom元素进行编辑,获得第三图像。
[0090]
作为一种可选的实施方式,在步骤307之后,以及接收到图像编生成操作之前,还可以执行N次以下步骤,其中N为自然数:
[0091]
检测是否接收到图像编辑操作;
[0092]
在接收到图像编辑操作时,根据图像编辑操作对前一图像中的dom元素进行编辑,获得第N图像。可见,实施该实施方式,在每一次图像编辑操作中,只需对前一图像中的dom元素进行编辑,而无需清空画布,解决了卡顿问题,同时提高了图像编辑效率。
[0093]
作为一种可选的实施方式,执行步骤307之后,检测是否接收到将第三图像编辑操作存储为历史操作的存储指令,该存储指令至少包括对第三存储操作的命名;当接收到上述存储指令时,将命名后的第三存储操作保存至历史操作列表。可见,实施本实施方式,当 需要对视频文件中存在相同图形元素的图像进行相同的编辑操作时,可以调用历史操作列表中存储的历史操作,进而提高编辑效率。
[0094]
308、当接收到图像生成操作时,调用Canvas将第三图像生成与预设待输出格式匹配的目标图像。
[0095]
作为一种可选的实施方式,上述当接收到图像生成操作时,调用Canvas将第三图像生成与预设待输出格式匹配的目标图像的方式具体为:
[0096]
通过插件htmltocanvas调用Canvas,根据插件htmltocanvas的开发平台(openapi)将第三图像生成与预设待输出格式匹配的目标图像;其中openapi是把一个软件组件或是一个web服务封装成一系列计算机易识别的数据接口开放出去,以供第三方开发者使用的应用编程接口(Application Programming Interface,API)。实施该可选的实施方式,降低了对Canvas这一技能的要求,适用人群更广。
[0097]
作为一种可选的实施方式,在生成与预设待输出格式匹配的目标图像之后还可以包括以下步骤:
[0098]
判断上述待处理原始图像是否属于网页的视频文件中的某一帧图像;若上述待处理原始图像属于视频文件中的某一帧图像,当接收到视频文件更新操作时,将视频文件中的待处理原始图像更新为目标图像,获得更新后的视频文件;输出更新后的视频文件,并检测是否接收到视频文件存储操作;若接收到视频文件存储操作,则存储更新后的视频文件;若未接收到视频文件存储操作,则将更新后的视频文件的当前状态设置为编辑未完成状态。可见,实施本实施方式,能够对视频文件中的一帧图像或多帧图像进行编辑,获得更改后的视频文件,提高了开发人员对视频文件的编辑效率。
[0099]
可见,实施图3所描述的方法,在进行图像编辑时,每一次编辑操作,只需对图像中的dom元素进行操作,而无需清空原有图像,再重新编辑。能够减小图片编辑过程中的内存占用率,解决卡顿问题,进而提高图片编辑效率,提升用户体验;此外,还能够对视频文件中的一帧图像或多帧图像进行编辑,获得更改后的视频文件,提高了开发人员对视频文件的编辑效率。
[0100]
实施例四
[0101]
请参阅图4,图4是本申请实施例公开的又一种图像处理方法的流程示意图。除图2所示步骤外,在步骤206之后,此实施例中图像处理方法还包括以下步骤。
[0102]
401、当接收到存储操作时,根据存储操作将目标图像转换为与目标存储格式匹配的待上传图像,并将待上传图像存储至本地硬盘。
[0103]
本申请实施例中,目标存储格式可以是BMP格式、JPEG格式、GIF格式、PNG格式或PSD格式,本申请实施例不作限定
[0104]
402、检测是否接收到上传操作。
[0105]
403、若接收到上传操作,将待上传图像上传至网页。
[0106]
可见,实施图4所描述的方法,在进行图像编辑时,每一次编辑操作,只需对图像中的dom元素进行操作,而无需清空原有图像,再重新编辑。能够减小图片编辑过程中的内存占用率,解决卡顿问题,进而提高图片编辑效率,提升用户体验;此外,还能够将待上传图像上传至网页,从而替换网页中原有图像。
[0107]
实施例五
[0108]
请参阅图5,图5是本申请实施例公开的一种图像处理装置的结构示意图。如图5所示,该图像处理装置可以包括:提取单元501、第一检测单元502、编辑单元503以及生成单元504,其中,
[0109]
提取单元501,用于从网页中提取待处理原始图像。
[0110]
第一检测单元502,用于检测是否接收到针对待处理原始图像的第一图像编辑操作。
[0111]
编辑单元503,用于当接收到第一图像编辑操作时,根据第一图像编辑操作对待处理原始图像中的dom元素进行编辑,获得第一图像。
[0112]
第一检测单元502,还用于检测是否接收到针对第一图像的第二图像编辑操作。
[0113]
编辑单元503,还用于当接收到第二图像编辑操作时,根据第二图像编辑操作对第一图像中的dom元素进行编辑,获得第二图像。
[0114]
生成单元504,用于当接收到图像生成操作时,调用Canvas将第二图像生成与预设待输出格式匹配的目标图像。
[0115]
作为一种可选的实施方式,生成单元504,用于当接收到图像生成操作时,调用Canvas将第二图像生成与预设待输出格式匹配的目标图像的方式具体为:
[0116]
通过插件htmltocanvas调用Canvas,根据插件htmltocanvas的开发平台(openapi)将第二图像生成与预设待输出格式匹配的目标图像;其中openapi是把一个软件组件或是一个web服务封装成一系列计算机易识别的数据接口开放出去,以供第三方开发者使用的应用编程接口(Application Programming Interface,API)。
[0117]
可见,实施该可选的实施方式,降低了对Canvas这一技能的要求,适用人群更广。
[0118]
可见,实施图5所描述的图像处理装置,在进行图像编辑时,每一次编辑操作,只需对图像中的dom元素进行操作,而无需清空原有图像,再重新编辑。能够减小图片编辑过程中的内存占用率,解决卡顿问题,进而提高图片编辑效率,提升用户体验。
[0119]
实施例六
[0120]
请参阅图6,图6是本申请实施例公开的另一种图像处理装置的结构示意图。图6所示的图像处理装置是由图5所示的图像处理装置进行优化得到的。与图5所示的图像处理装置相比较,图6所示的图像处理装置还可以包括:判断单元505、更新单元506、输出单元507、第一存储单元508以及设置单元509,其中,
[0121]
第一检测单元502,还用于检测是否接收到针对第二图像的第三图像编辑操作。
[0122]
编辑单元503,还用于当接收到第三图像编辑操作时,根据第三图像编辑操作对第二图像中的dom元素进行编辑,获得第三图像。
[0123]
作为一种可选的实施方式,编辑单元503,用于接收到图像编生成操作之前,还可以执行N次以下步骤,其中N为自然数:
[0124]
检测是否接收到图像编辑操作;
[0125]
在接收到图像编辑操作时,根据图像编辑操作对前一图像中的dom元素进行编辑,获得第N图像。
[0126]
可见,实施该实施方式,在每一次图像编辑操作中,只需对前一图像中的dom元素进行编辑,而无需清空画布,解决了卡顿问题,同时提高了图像编辑效率。
[0127]
生成单元504,用于当接收到图像生成操作时,调用Canvas将第二图像生成与预设待输出格式匹配的目标图像的方式具体为:
[0128]
当接收到图像生成操作时,调用Canvas将第三图像生成与预设待输出格式匹配的目标图像。
[0129]
作为一种可选的实施方式,生成单元504,用于当接收到图像生成操作时,调用Canvas将第三图像生成与预设待输出格式匹配的目标图像的方式具体为:
[0130]
通过插件htmltocanvas调用Canvas,根据插件htmltocanvas的开发平台(openapi)将第三图像生成与预设待输出格式匹配的目标图像;其中openapi是把一个软件组件或是一个web服务封装成一系列计算机易识别的数据接口开放出去,以供第三方开发者使用的应用编程接口(Application Programming Interface,API)。
[0131]
可见,实施该可选的实施方式,降低了对Canvas这一技能的要求,适用人群更广。
[0132]
判断单元505,用于判断上述待处理原始图像是否属于网页的视频文件中的某一帧图像。
[0133]
更新单元506,用于当上述待处理原始图像属于视频文件中的某一帧图像,且接收到视频文件更新操作时,将视频文件中的待处理原始图像更新为目标图像,获得更新后的视频文件。
[0134]
输出单元507,用于输出更新后的视频文件,并检测是否接收到视频文件存储操作。
[0135]
第一存储单元508,用于当接收到视频文件存储操作时,存储更新后的视频文件。
[0136]
设置单元509,用于当未接收到视频文件存储操作时,将更新后的视频文件的当前状态设置为编辑未完成状态。
[0137]
作为一种可选的实施方式,编辑单元503,还用于当接收到第一图像编辑操作时,根据第一图像编辑操作对待处理原始图像中的dom元素进行编辑,获得第一图像之后,检测是否接收到将第一图像编辑操作存储为历史操作的存储指令,该存储指令至少包括对第一存储操作的命名;当接收到上述存储指令时,将命名后的第一存储操作保存至历史操作列表;
[0138]
编辑单元503,还用于当接收到第二图像编辑操作时,根据第二图像编辑操作对第一图像中的dom元素进行编辑,获得第二图像之后,检测是否接收到将第二图像编辑操作存储为历史操作的存储指令,该存储指令至少包括对第二存储操作的命名;当接收到上述存储指令时,将命名后的第二存储操作保存至历史操作列表;
[0139]
编辑单元503,还用于当接收到第二图像编辑操作时,根据第二图像编辑操作对第一图像中的dom元素进行编辑,获得第二图像之后,检测是否接收到将第三图像编辑操作存储为历史操作的存储指令,该存储指令至少包括对第三存储操作的命名;当接收到上述存储指令时,将命名后的第三存储操作保存至历史操作列表。
[0140]
可见,实施本实施方式,当需要对视频文件中存在相同图形元素的图像进行相同的编辑操作时,可以调用历史操作列表中存储的历史操作,进而提高编辑效率。
[0141]
可见,实施图6所描述的图像处理装置,在进行图像编辑时,每一次编辑操作,只需对图像中的dom元素进行操作,而无需清空原有图像,再重新编辑。能够减小图片编辑过程中的内存占用率,解决卡顿问题,进而提高图片编辑效率,提升用户体验;此外,还能 够对视频文件中的一帧图像或多帧图像进行编辑,获得更改后的视频文件,提高了开发人员对视频文件的编辑效率
[0142]
实施例七
[0143]
请参阅图7,图7是本申请实施例公开的又一种图像处理装置的结构示意图。图7所示的图像处理装置是由图6所示的图像处理装置进行优化得到的。与图6所示的图像处理装置相比较,图7所示的图像处理装置还可以包括:第二检测单元510、获取单元511、第二存储单元512、第三检测单元513以及上传单元514,其中,
[0144]
第二检测单元510,用于在预设时长内检测是否接收到用于定义待处理原始图像中可编辑区域的第一定义操作。
[0145]
获取单元511,用于当在预设时长内接收到第一定义操作时,根据该第一定义操作获取待处理原始图像中的dom元素,待处理原始图像中的dom元素对应待处理原始图像中可编辑区域。
[0146]
获取单元511,还用于当在预设时长内未接收到第一定义操作时,识别待处理原始图像中的图形,将待处理原始图像中的图形所占的区域作为待处理原始图像中可编辑区域,获取待处理原始图像中的dom元素,待处理原始图像中的dom元素对应待处理原始图像中可编辑区域。
[0147]
编辑单元503,用于当接收到所述第一图像编辑操作时,根据所述第一图像编辑操作对所述待处理原始图像中的dom元素进行编辑,获得第一图像的方式具体为:
[0148]
当接收到第一图像编辑操作时,判断第一图像编辑操作所属的编辑类型;当第一图像编辑操作属于第一类编辑时,根据第一图像编辑操作对待处理原始图像中的dom元素进行重排,获得第一图像;当第一图像编辑操作属于第二类编辑时,根据第一图像编辑操作对待处理原始图像中的dom元素进行重绘,获得第一图像。
[0149]
作为一种可选的实施方式,由于第一类编辑至少包括形状编辑,影响了dom元素的几何属性,上述编辑单元503用于当第一图像编辑操作属于第一类编辑时,根据第一图像编辑操作对待处理原始图像中的dom元素进行重排,获得第一图像的方式具体为:
[0150]
当第一图像编辑操作属于第一类编辑时,根据第一图像编辑操作,重新计算待处理原始图像中的dom元素的几何属性并进行重排,获得第一图像。
[0151]
可见,实施上述可选的实施方式,能够通过根据第一图像编辑操作所属的编辑类型对图像进行编辑,进而提高图像编辑效率。
[0152]
第二检测单元510,还用于在预设时长内检测是否接收到用于定义第一图像中可编辑区域的第二定义操作。
[0153]
获取单元511,还用于当在预设时长内接收到第二定义操作时,根据该第二定义操作获取第一图像中的dom元素,第一图像中的dom元素对应第一图像中可编辑区域。
[0154]
获取单元511,还用于当在预设时长内未接收到第二定义操作时,识别待处理原始图像中的图形,将待处理原始图像中的图形所占的区域作为待处理原始图像中可编辑区域,获取第一图像中的dom元素,第一图像中的dom元素对应第一图像中可编辑区域。
[0155]
编辑单元503,用于当接收到第二图像编辑操作时,根据第二图像编辑操作对第一图像中的dom元素进行编辑,获得第二图像的方式具体为:
[0156]
当接收到第二图像编辑操作时,判断第二图像编辑操作所属的编辑类型;当第二图像编辑操作属于第一类编辑时,根据第二图像编辑操作对第一图像中的dom元素进行重排,获得第二图像;当第二图像编辑操作属于第二类编辑时,根据第二图像编辑操作对第一图像中的dom元素进行重绘,获得第二图像。
[0157]
作为一种可选的实施方式,由于第一类编辑至少包括形状编辑,影响了dom元素的几何属性,上述编辑单元503,用于当第二图像编辑操作属于第一类编辑时,根据第二图像编辑操作对第一图像中的dom元素进行重排,获得第二图像的方式具体为:
[0158]
当第二图像编辑操作属于第一类编辑时,根据第二图像编辑操作,重新计算第一图像中的dom元素的几何属性并进行重排,获得第二图像。
[0159]
可见,实施上述可选的实施方式,能够通过根据第二图像编辑操作所属的编辑类型对图像进行编辑,进而提高图像编辑效率。
[0160]
第二存储单元512,用于当接收到存储操作时,根据存储操作将目标图像转换为与目标存储格式匹配的待上传图像,并将待上传图像存储至本地硬盘。
[0161]
第三检测单元513,用于检测是否接收到上传操作。
[0162]
上传单元514,用于当接收到上传操作时,将待上传图像上传至网页。
[0163]
可见,实施图7所描述的基于微服务架构的原子服务编排装置,在进行图像编辑时,每一次编辑操作,只需对图像中的dom元素进行操作,而无需清空原有图像,再重新编辑。能够减小图片编辑过程中的内存占用率,解决卡顿问题,进而提高图片编辑效率,提升用户体验;此外,还能够能够通过判断图像编辑操作所属的编辑类型,决定对dom元素进行重排或是重绘,以提高图像编辑效率。
[0164]
本申请还提供一种电子设备,该电子设备包括:
[0165]
处理器;
[0166]
存储器,该存储器上存储有计算机可读指令,该计算机可读指令被处理器执行时,实现如前所示的一种图像处理方法。
[0167]
该电子设备可以是图1所示图像处理装置100。
[0168]
在一示例性实施例中,本申请还提供一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时,实现如前所示的一种图像处理方法。
[0169]
应当理解的是,本申请并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围执行各种修改和改变。本申请的范围仅由所附的权利要求来限制。

权利要求书

[权利要求 1]
一种图像处理方法,其特征在于,包括: 从网页中提取待处理原始图像; 检测是否接收到针对所述待处理原始图像的第一图像编辑操作; 若接收到所述第一图像编辑操作,根据所述第一图像编辑操作对所述待处理原始图像中的dom元素进行编辑,获得第一图像; 检测是否接收到针对所述第一图像的第二图像编辑操作; 若接收到所述第二图像编辑操作,根据所述第二图像编辑操作对所述第一图像中的dom元素进行编辑,获得第二图像; 当接收到图像生成操作时,调用Canvas将所述第二图像生成与预设待输出格式匹配的目标图像。
[权利要求 2]
根据权利要求1所述的图像处理方法,其特征在于,所述当接收到图像生成操作时,调用Canvas将所述第二图像生成与预设待输出格式匹配的目标图像之前,所述方法还包括: 检测是否接收到针对所述第二图像的第三图像编辑操作; 若接收到所述第三图像编辑操作,根据所述第三图像编辑操作对所述第二图像中的dom元素进行编辑,获得第三图像; 所述当接收到图像生成操作时,调用Canvas将所述第二图像生成与预设待输出格式匹配的目标图像,包括: 当接收到图像生成操作时,调用Canvas将所述第三图像生成与预设待输出格式匹配的目标图像。
[权利要求 3]
根据权利要求1所述的图像处理方法,其特征在于,所述当接收到图像生成操作时,调用Canvas将所述第二图像生成与预设待输出格式匹配的目标图像之后,所述方法还包括: 当接收到存储操作时,根据所述存储操作将所述目标图像转换为与目标存储格式匹配的待上传图像,并将所述待上传图像存储至本地硬盘; 检测是否接收到上传操作; 若接收到所述上传操作,将所述待上传图像上传至所述网页。
[权利要求 4]
根据权利要求1至3任一项所述的图像处理方法,其特征在于,所述检测是否接收到针对所述待处理原始图像的第一图像编辑操作之前,所述方法还包括: 在预设时长内检测是否接收到用于定义所述待处理原始图像中的dom元素的第一定义操作; 若在所述预设时长内接收到所述第一定义操作,根据所述第一定义操作获取所述待处理原始图像中的dom元素; 若在所述预设时长内未接收到所述第一定义操作,则识别所述待处理原始图像中的图形,将所述待处理原始图像中的图形所占的区域作为所述待处理原始图像中的dom元素; 所述检测是否接收到针对所述第一图像的第二图像编辑操作之前,所述方法还包括: 在所述预设时长内检测是否接收到用于定义所述第一图像中的dom元素的第二定义操作; 若在所述预设时长内接收到所述第二定义操作,根据所述第二定义操作获取所述第一 图像中的dom元素; 若在所述预设时长内未接收到所述第二定义操作,则识别所述第一图像中的图形,将所述第一图像中的图形所占的区域作为所述第一图像中的dom元素。
[权利要求 5]
根据权利要求1至3任一项所述的图像处理方法,其特征在于,所述第一图像编辑操作的编辑类型包括第一类编辑或第二类编辑,所述第二图像编辑操作的编辑类型包括所述第一类编辑或所述第二类编辑,其中,所述第一类编辑至少包括形状编辑,所述第二类编辑至少包括颜色编辑; 所述若接收到所述第一图像编辑操作,根据所述第一图像编辑操作对所述待处理原始图像中的dom元素进行编辑,获得第一图像,包括: 若接收到所述第一图像编辑操作,判断所述第一图像编辑操作所属的编辑类型; 当所述第一图像编辑操作属于所述第一类编辑时,根据所述第一图像编辑操作对所述待处理原始图像中的dom元素进行重排,获得所述第一图像; 当所述第一图像编辑操作属于所述第二类编辑时,根据所述第一图像编辑操作对所述待处理原始图像中的dom元素进行重绘,获得所述第一图像; 所述若接收到所述第二图像编辑操作,根据所述第二图像编辑操作对所述第一图像中的dom元素进行编辑,获得第二图像,包括: 若接收到若接收到所述第二图像编辑操作,判断所述第二图像编辑操作所属的编辑类型; 当所述第二图像编辑操作属于所述第一类编辑时,根据所述第二图像编辑操作对所述第一图像中的dom元素进行重排,获得所述第二图像; 当所述第二图像编辑操作属于所述第二类编辑时,根据所述第二图像编辑操作对所述第一图像中的dom元素进行重绘,获得所述第二图像。
[权利要求 6]
根据权利要求1所述的图像处理方法,其特征在于,所述当接收到图像生成操作时,调用Canvas将所述第二图像生成与预设输出格式匹配的目标图像之后,所述方法还包括: 判断所述待处理原始图像是否属于所述网页的视频文件中的某一帧图像; 若所述待处理原始图像属于所述视频文件中的某一帧图像,当接收到视频文件更新操作时,将所述视频文件中的所述待处理原始图像更新为所述目标图像,获得更新后的视频文件。
[权利要求 7]
根据权利要求6所述的图像处理方法,其特征在于,所述获得更新后的视频文件之后,所述方法还包括: 输出所述更新后的视频文件,并检测是否接收到视频文件存储操作; 若接收到所述视频文件存储操作,则存储所述更新后的视频文件; 若未接收到所述视频文件存储操作,则将所述更新后的视频文件的当前状态设置为编辑未完成状态。
[权利要求 8]
一种图像处理装置,其特征在于,包括: 提取单元,用于从网页中提取待处理原始图像; 第一检测单元,用于检测是否接收到针对所述待处理原始图像的第一图像编辑操作; 编辑单元,用于当接收到所述第一图像编辑操作时,根据所述第一图像编辑操作对所 述待处理原始图像中的dom元素进行编辑,获得第一图像; 所述第一检测单元,还用于检测是否接收到针对所述第一图像的第二图像编辑操作; 所述编辑单元,还用于当接收到所述第二图像编辑操作时,根据所述第二图像编辑操作对所述第一图像中的dom元素进行编辑,获得第二图像; 生成单元,用于当接收到图像生成操作时,调用Canvas将所述第二图像生成与预设待输出格式匹配的目标图像。
[权利要求 9]
根据权利要求8所述的图像处理装置,其特征在于, 所述第一检测单元,还用于检测是否接收到针对所述第二图像的第三图像编辑操作; 所述编辑单元,还用于当接收到所述第三图像编辑操作时,根据所述第三图像编辑操作对所述第二图像中的dom元素进行编辑,获得第三图像; 所述生成单元,用于当接收到图像生成操作时,调用Canvas将所述第二图像生成与预设待输出格式匹配的目标图像的方式具体为: 当接收到图像生成操作时,调用Canvas将所述第三图像生成与预设待输出格式匹配的目标图像。
[权利要求 10]
根据权利要求8所述的图像处理装置,其特征在于,所述装置还包括: 第二存储单元,用于当接收到存储操作时,根据所述存储操作将所述目标图像转换为与目标存储格式匹配的待上传图像,并将所述待上传图像存储至本地硬盘; 第三检测单元,用于检测是否接收到上传操作; 上传单元,用于当接收到所述上传操作时,将所述待上传图像上传至所述网页。
[权利要求 11]
根据权利要求8至10任一项所述的图像处理装置,其特征在于,所述装置还包括: 第二检测单元,用于在预设时长内检测是否接收到用于定义所述待处理原始图像中的dom元素的第一定义操作; 获取单元,用于当在所述预设时长内接收到所述第一定义操作时,根据所述第一定义操作获取所述待处理原始图像中的dom元素; 所述获取单元,还用于当在所述预设时长内未接收到所述第一定义操作时,识别所述待处理原始图像中的图形,将所述待处理原始图像中的图形所占的区域作为所述待处理原始图像中的dom元素; 所述第二检测单元,还用于在所述预设时长内检测是否接收到用于定义所述第一图像中的dom元素的第二定义操作; 所述获取单元,还用于当在所述预设时长内接收到所述第二定义操作时,根据所述第二定义操作获取所述第一图像中的dom元素; 所述获取单元,还用于当在所述预设时长内未接收到所述第二定义操作时,识别所述第一图像中的图形,将所述第一图像中的图形所占的区域作为所述第一图像中的dom元素。
[权利要求 12]
根据权利要求8至10任一项所述的图像处理装置,其特征在于,所述第一图像编辑操作的编辑类型包括第一类编辑或第二类编辑,所述第二图像编辑操作的编辑类型包括所述第一类编辑或所述第二类编辑,其中,所述第一类编辑至少包括形状编辑,所述第二类编辑至少包括颜色编辑; 所述编辑单元,用于当接收到所述第一图像编辑操作,根据所述第一图像编辑操作对 所述待处理原始图像中的dom元素进行编辑,获得第一图像的方式具体为: 若接收到所述第一图像编辑操作,判断所述第一图像编辑操作所属的编辑类型; 当所述第一图像编辑操作属于所述第一类编辑时,根据所述第一图像编辑操作对所述待处理原始图像中的dom元素进行重排,获得所述第一图像; 当所述第一图像编辑操作属于所述第二类编辑时,根据所述第一图像编辑操作对所述待处理原始图像中的dom元素进行重绘,获得所述第一图像; 所述编辑单元,用于当接收到所述第二图像编辑操作,根据所述第二图像编辑操作对所述第一图像中的dom元素进行编辑,获得第二图像的方式具体为: 若接收到若接收到所述第二图像编辑操作,判断所述第二图像编辑操作所属的编辑类型; 当所述第二图像编辑操作属于所述第一类编辑时,根据所述第二图像编辑操作对所述第一图像中的dom元素进行重排,获得所述第二图像; 当所述第二图像编辑操作属于所述第二类编辑时,根据所述第二图像编辑操作对所述第一图像中的dom元素进行重绘,获得所述第二图像。
[权利要求 13]
根据权利要求8所述的图像处理装置,其特征在于,所述装置还包括: 判断单元,用于判断所述待处理原始图像是否属于所述网页的视频文件中的某一帧图像; 更新单元,用于所述待处理原始图像属于所述视频文件中的某一帧图像,且接收到视频文件更新操作时,将所述视频文件中的所述待处理原始图像更新为所述目标图像,获得更新后的视频文件。
[权利要求 14]
根据权利要求13所述的图像处理装置,其特征在于,所述装置还包括: 输出单元,用于输出所述更新后的视频文件,并检测是否接收到视频文件存储操作; 第一存储单元,用于当接收到所述视频文件存储操作时,存储所述更新后的视频文件; 设置单元,用于当未接收到所述视频文件存储操作时,将所述更新后的视频文件的当前状态设置为编辑未完成状态。
[权利要求 15]
一种电子设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现以下步骤: 从网页中提取待处理原始图像; 检测是否接收到针对所述待处理原始图像的第一图像编辑操作; 若接收到所述第一图像编辑操作,根据所述第一图像编辑操作对所述待处理原始图像中的dom元素进行编辑,获得第一图像; 检测是否接收到针对所述第一图像的第二图像编辑操作; 若接收到所述第二图像编辑操作,根据所述第二图像编辑操作对所述第一图像中的dom元素进行编辑,获得第二图像; 当接收到图像生成操作时,调用Canvas将所述第二图像生成与预设待输出格式匹配的目标图像。
[权利要求 16]
根据权利要求15所述的电子设备,其特征在于,所述当接收到图像生成操作时,调用Canvas将所述第二图像生成与预设待输出格式匹配的目标图像之前,所述处理器还执 行以下步骤: 检测是否接收到针对所述第二图像的第三图像编辑操作; 若接收到所述第三图像编辑操作,根据所述第三图像编辑操作对所述第二图像中的dom元素进行编辑,获得第三图像; 所述处理器在执行所述当接收到图像生成操作时,调用Canvas将所述第二图像生成与预设待输出格式匹配的目标图像时,具体执行以下步骤: 当接收到图像生成操作时,调用Canvas将所述第三图像生成与预设待输出格式匹配的目标图像。
[权利要求 17]
根据权利要求15所述的电子设备,其特征在于,所述当接收到图像生成操作时,调用Canvas将所述第二图像生成与预设待输出格式匹配的目标图像之后,所述处理器还执行以下步骤: 当接收到存储操作时,根据所述存储操作将所述目标图像转换为与目标存储格式匹配的待上传图像,并将所述待上传图像存储至本地硬盘; 检测是否接收到上传操作; 若接收到所述上传操作,将所述待上传图像上传至所述网页。
[权利要求 18]
根据权利要求15至17任一项所述的电子设备,其特征在于,所述检测是否接收到针对所述待处理原始图像的第一图像编辑操作之前,所述处理器还执行以下步骤: 在预设时长内检测是否接收到用于定义所述待处理原始图像中的dom元素的第一定义操作; 若在所述预设时长内接收到所述第一定义操作,根据所述第一定义操作获取所述待处理原始图像中的dom元素; 若在所述预设时长内未接收到所述第一定义操作,则识别所述待处理原始图像中的图形,将所述待处理原始图像中的图形所占的区域作为所述待处理原始图像中的dom元素; 所述检测是否接收到针对所述第一图像的第二图像编辑操作之前,所述处理器还执行以下步骤: 在所述预设时长内检测是否接收到用于定义所述第一图像中的dom元素的第二定义操作; 若在所述预设时长内接收到所述第二定义操作,根据所述第二定义操作获取所述第一图像中的dom元素; 若在所述预设时长内未接收到所述第二定义操作,则识别所述第一图像中的图形,将所述第一图像中的图形所占的区域作为所述第一图像中的dom元素。
[权利要求 19]
根据权利要求15至17任一项所述的电子设备,其特征在于,所述第一图像编辑操作的编辑类型包括第一类编辑或第二类编辑,所述第二图像编辑操作的编辑类型包括所述第一类编辑或所述第二类编辑,其中,所述第一类编辑至少包括形状编辑,所述第二类编辑至少包括颜色编辑; 所述处理器在执行所述若接收到所述第一图像编辑操作,根据所述第一图像编辑操作对所述待处理原始图像中的dom元素进行编辑,获得第一图像时,具体执行以下步骤: 若接收到所述第一图像编辑操作,判断所述第一图像编辑操作所属的编辑类型; 当所述第一图像编辑操作属于所述第一类编辑时,根据所述第一图像编辑操作对所述待处理原始图像中的dom元素进行重排,获得所述第一图像; 当所述第一图像编辑操作属于所述第二类编辑时,根据所述第一图像编辑操作对所述待处理原始图像中的dom元素进行重绘,获得所述第一图像; 所述处理器在执行所述若接收到所述第二图像编辑操作,根据所述第二图像编辑操作对所述第一图像中的dom元素进行编辑,获得第二图像时,具体执行以下步骤: 若接收到若接收到所述第二图像编辑操作,判断所述第二图像编辑操作所属的编辑类型; 当所述第二图像编辑操作属于所述第一类编辑时,根据所述第二图像编辑操作对所述第一图像中的dom元素进行重排,获得所述第二图像; 当所述第二图像编辑操作属于所述第二类编辑时,根据所述第二图像编辑操作对所述第一图像中的dom元素进行重绘,获得所述第二图像。
[权利要求 20]
一种计算机可读存储介质,其特征在于,其存储计算机程序,所述计算机程序使得计算机执行权利要求1~7任一项所述的图像处理方法。

附图

[ 图 1]  
[ 图 2]  
[ 图 3]  
[ 图 4]  
[ 图 5]  
[ 图 6]  
[ 图 7]