CN111131660A - 一种图像数据处理方法、装置、电子设备及其存储介质 - Google Patents
一种图像数据处理方法、装置、电子设备及其存储介质 Download PDFInfo
- Publication number
- CN111131660A CN111131660A CN201911343830.3A CN201911343830A CN111131660A CN 111131660 A CN111131660 A CN 111131660A CN 201911343830 A CN201911343830 A CN 201911343830A CN 111131660 A CN111131660 A CN 111131660A
- Authority
- CN
- China
- Prior art keywords
- data
- image
- primitive
- processing
- processed
- 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
Links
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N5/00—Details of television systems
- H04N5/14—Picture signal circuitry for video frequency region
Abstract
本发明公开了一种图像数据处理方法、装置、电子设备及其存储介质,获取待处理图像的图像特征数据;将所述图像特征数据按照预定图像处理程序的语法规则嵌入预建的数据框架中得到可执行处理数据;根据所述预定图像处理程序对所述可执行处理数据进行处理。通过获取待处理图像中的图像特征数据,将所述图像特征数据再嵌入符合所述预定图像处理程序的所述预定语法规则的所述数据框架中,进而转化出可在所述预定图像处理程序中进行识别处理的所述可执行处理数据,用于所述预定图像处理的处理,解决了如何将待处理图像转化为可识别处理的参数化可执行处理数据的技术问题。
Description
技术领域
本发明涉及计算机领域,尤其是指一种图像数据处理方法、装置、电子设备及其存储介质。
背景技术
目前,在图像设计中的一些软件已经可以将图像转化为参数化的图像特征数据,比如蓝湖等等。蓝湖是一种产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。蓝湖可以自动生成设计图标注,并与团队共享设计图,展示页面之间的跳转关系,上述方式已经成为新一代图像类产品设计的新模式,但是设计人员仍然发现一些问题,所述图像特征数据在被处理,尤其是生成图像时,其他图像设计软件由于兼容性的问题经常无法实现对所述图像特征数据的处理,成为了研发人员亟待解决的问题。
所以发明人发现现有技术中至少存在如下问题,如何将待处理图像转化为其他图像处理软件可识别处理的参数化可执行处理数据的问题。
发明内容
本申请提供了一种图像数据处理方法,其目的在于,通过获取待处理图像中的图像特征数据,将所述图像特征数据再嵌入符合所述预定图像处理程序的所述预定语法规则的所述数据框架中,进而转化出可在所述预定图像处理程序中进行识别处理的所述可执行处理数据,用于所述预定图像处理的处理;
该方法包括:
获取待处理图像的图像特征数据;
将所述图像特征数据按照预定图像处理程序的语法规则嵌入预建的数据框架中得到可执行处理数据;
根据所述预定图像处理程序对所述可执行处理数据进行处理。
可选地,所述将所述图像特征数据按照预定图像处理程序的语法规则嵌入预建的数据框架中得到可执行处理数据包括:
根据所述预定语法规则从所述图像特征数据中提取至少一项图元创建数据,其中,所述图元创建数据为符合所述预定语法规则用于创建所述待处理图像中图元的对应数据,所述图元为所述待处理图像中可参数化的图形元素;
将至少其中一项所述图元创建数据按照所述预定语法规则嵌入预定数据框架中得到所述可执行处理数据。
可选地,所述将至少其中一项所述图元创建数据按照所述预定语法规则嵌入预定数据框架中得到所述可执行处理数据包括:
遍历所述图元创建数据并判断遍历的所述图元创建数据是否能够嵌入所述数据框架的父子层级关系中,其中,所述父子层级关系为按照所述至少两项图元创建数据对应图元位置关系建立的数据架构,
如果遍历的所述图元创建数据能够嵌入具有的父子层级关系的所述数据框架中,则按照所述父子层级关系将所述图元创建数据嵌入所述父子层级关系中得到所述可执行处理数据,如果遍历的所述图元创建数据不能够嵌入所述父子层级关系中,则将所述图元创建数据嵌入所述数据框架结构中的预设坐标系下的数据架构中得到所述可执行处理数据。
可选地,所述遍历所述图元创建数据并判断遍历的所述图元创建数据是否能够嵌入所述数据框架的父子层级关系中并将所述第一图元创建数据作为子级且所述第二图元创建数据作为父级,其中,所述父子层级关系为按照所述至少两项图元创建数据对应图元位置关系建立的数据架构包括:
遍历具有第一方向维度上第一端点坐标和第二端点坐标的所述至少两项图元创建数据;
根据所述图元创建数据对应的所述第一端点坐标和所述第二端点坐标判断所述图元创建数据对应图元的位置关系,
如果第一图元创建数据对应的所述第一端点坐标和所述第二端点坐标在第二图元创建数据对应的所述第一端点坐标和所述第二端点坐标之间,则判断为所述图元创建数据能够嵌入所述数据框架的父子层级关系中将所述第一图元创建数据作为子级且所述第二图元创建数据作为父级,其中,所述第一图元创建数据和所述第二图元创建数据为所述至少两项图元创建数据中的任意两项。
可选地,所述预定图像处理程序为EJS模板引擎的图像渲染处理程序。
可选地,所述获取待处理图像的图像特征数据为通过puppeteer获取所述待处理图像的所述图像特征数据。
可选地,所述通过puppeteer获取所述待处理图像的所述图像特征数据步骤前,该方法还包括:
根据预定操作登录puppeteer程序;
加载所述待处理图像到所述puppeteer程序中。
可选地,根据所述图像特征数据按照预定图像处理程序的语法规则通过fs-extra嵌入预建的数据框架中得到可执行处理数据。
本申请还提供了一种图像数据处理装置,所述装置包括:
获取模块,用于获取待处理图像的图像特征数据;
嵌入模块,用于将所述图像特征数据按照预定图像处理程序的语法规则嵌入预建的数据框架中得到可执行处理数据;
处理模块,用于所述预定图像处理程序对所述可执行处理数据进行处理。
可选地,所述装置还包括:
提取模块,用于根据所述预定语法规则从所述图像特征数据中提取至少一项图元创建数据,其中,所述图元创建数据为符合所述预定语法规则用于创建所述待处理图像中图元的对应数据,所述图元为所述待处理图像中可参数化的图形元素;
所述嵌入模块,用于将至少其中一项所述图元创建数据按照所述预定语法规则嵌入预定数据框架中得到所述可执行处理数据。
可选地,所述装置还包括:
遍历模块,用于遍历所述图元创建数据并判断遍历的所述图元创建数据是否能够嵌入所述数据框架的父子层级关系中,其中,所述父子层级关系为按照所述至少两项图元创建数据对应图元位置关系建立的数据架构,
如果遍历的所述图元创建数据能够嵌入具有的父子层级关系的所述数据框架中,则按照所述父子层级关系将所述图元创建数据嵌入所述父子层级关系中得到所述可执行处理数据,如果遍历的所述图元创建数据不能够嵌入所述父子层级关系中,则将所述图元创建数据嵌入所述数据框架结构中的预设坐标系下的数据架构中得到所述可执行处理数据。
可选地,所述遍历模块,还用于遍历具有第一方向维度上第一端点坐标和第二端点坐标的所述至少两项图元创建数据;
所述装置还包括:判断模块;
所述判断模块,用于根据所述图元创建数据对应的所述第一端点坐标和所述第二端点坐标判断所述图元创建数据对应图元的位置关系,
如果第一图元创建数据对应的所述第一端点坐标和所述第二端点坐标在第二图元创建数据对应的所述第一端点坐标和所述第二端点坐标之间,则判断为所述图元创建数据能够嵌入所述数据框架的父子层级关系中并将所述第一图元创建数据作为子级且所述第二图元创建数据作为父级,其中,所述第一图元创建数据和所述第二图元创建数据为所述至少两项图元创建数据中的任意两项。
可选地,所述装置还包括:
登录模块,用于根据预定操作登录puppeteer程序;
加载模块,用于加载所述待处理图像到所述puppeteer程序中。
本申请还提供了一种电子设备,所述装置包括:处理器和存储器;
所述存储器中存储有可被所述处理器执行的应用程序,用于使得所述处理器执行如所述的图像数据处理方法的步骤。
本申请还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现所述的图像数据处理方法的步骤。
如上可见,基于上述实施例,通过获取待处理图像中的图像特征数据,将所述图像特征数据再嵌入符合所述预定图像处理程序的所述预定语法规则的所述数据框架中,进而转化出可在所述预定图像处理程序中进行识别处理的所述可执行处理数据,用于所述预定图像处理的处理的技术问题。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明图像数据处理方法的流程100示意图;
图2为本发明蓝湖获取所述图像特征数据的代码截屏示意图;
图3为本发明图像数据处理方法的流程200示意图;
图4为本发明清洗无效数据前嵌入所述数据框架的代码截屏示意图;
图5为本发明清洗无效数据后嵌入所述数据框架的代码截屏示意图;
图6为本发明具有父子层级关系的图元位置关系100示意图;
图7为本发明具有父子层级关系的图元位置关系200示意图;
图8为本发明具有父子层级关系的代码截屏示意图;
图9为本发明图像数据处理装置的架构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
为了更好理解本申请,以下我们以蓝湖作为将从所述待处理图像中获取所述图像特征数据的实现方式对本发明进行解释说明。需要指出的是蓝湖只是为了更好的解释说明本申请的内容,并非是对本申请的具体限定。
蓝湖软件可以将图像转化为参数化的所述图像特征数据,以网页设计为例,将所述网页作为所述待处理图像,蓝湖可以将所述待处理图像中的图形元素进行解析(即下文所述的图元),比如所述待处理图像中有一个黑色方框,那么所述黑色方框可以转译为长度、宽度、颜色(GBR方式),以及其在整个所述待处理图像中的具体位置坐标,所以这些所述黑色方框的属性特征都可以以参数化的方式进行转译,如果将所述待处理图像中所有的所述图形元素(即下文中的图元)都通过上述方式进行解析,那么,则可以得到所述待处理图像所有所述图形元素对应的全部参数化的所述属性特征(即所述图像特征数据),最终达到通过这些所述图像特征数据重建所述待处理图像的目的。
图1为本发明图像数据处理方法的流程100示意图。如图1所示,在一实施例中,本申请提供了一种图像数据处理方法,该方法包括:
S101,获取待处理图像的图像特征数据;
在本步骤中提供了一种从所述待处理图像中获取所述图像特征数据的具体实施方式,所述图像特征数据为描述所述待处理图像的参数化数据。图2为本发明蓝湖获取所述图像特征数据的代码截屏示意图。如图2所示,如果所述图像特征数据采用蓝湖进行获取,所述图像特征数据会记载在info的具体内容中,但是所述图像特征数据此时并不能直接被其他设计软件使用,所述图像特征数据采用node方式进行代码编译。
S102,将所述图像特征数据按照预定图像处理程序的预定语法规则嵌入预建的数据框架中得到可执行处理数据;
在本步骤提供了一种将所述图形特殊数据嵌入所述数据框架中得到所述可执行处理数据的具体实施方式,所述数据框架应当符合所述预定图像处理程序的所述预定语法规则,这里的所述预定语法规则是指在所述预定图像处理程序中可以进行识别处理的语法规则,按照所述预定语法规则建立的所述数据框架应当可以被所述预定图像处理程序处理,所述图像特征数据可以理解为包括两部分内容的数据,第一部分数据为表示数据含义的函数,第二部分数据可以理解为表示所述含义的数值,比如,left:320,top:932,其中的left、top可以理解为所述第一部分数据,用于表示在所述待处理图像范围内的位置关系,比如left的含义为与所述待处理图像左边沿的距离,top的含义为与所述待处理图像顶端的距离,320、932这些数字可以理解为第二部分数据,即所述第二部分数据,用于表示位置对应的具体数值。当所述图像特征数据嵌入时,所述图像特征数据应当包括所述第一部分数据和所述第二部分数据,以便后面重新根据所述图像特征构建所述待处理图像。每种所述预定图像处理程序都具有自身的所述预定语法规则,将所述图像特征数据嵌入到已经建立的所述数据框架后,所述数据框架应当符合所述预定语法规则的编译规则,以使所以数据框架可以被所述预定图像处理程序处理,嵌入所述图像特征数据后最终得到了所述可执行处理数据。所述预定图像处理程序可以理解为在HTML环境下的处理程序,在HTML的环境下,如果type(即所述第一部分数据)为shape,则用div语句进行嵌入,如果tape为text,则用span语句进行嵌入,image则用img对应嵌入,具体的嵌入方式为本领域技术人员的公知常识,在此就不再赘述了。
S103,根据所述预定图像处理程序对所述可执行处理数据进行处理。
在本步骤中所述预定图像处理程序对所述可执行处理数据进行处理,所述预定图像处理程序可以理解为图像渲染程序,所述图像渲染程序可以根据嵌入有所述图像特征数据的所述可执行处理数据进行渲染处理得到渲染后的图像,并予以显示。需要指出的是图像渲染程序只是对本实施例的举例说明,并非是对本申请的具体限定。
在本实施例中提供了一种对图像对应的数据进行处理的具体实施方式,首先,获取所述待处理图像中的图像特征数据,在本步骤中可以通过蓝湖进行所述待处理图像中所述图像特征数据的获取。将这些所述图像特征数据嵌入按照预定图像处理程序的语法规则预建的所述数据框架中得到所述可执行处理数据,所述预定图像处理程序可以理解为HTML格式。另外,这种方式最终得到的图像是矢量图,更加清晰,也更容易为后续的图像处理奠定更好的基础。
图3为本发明图像数据处理方法的流程200示意图。如图3所示,在一实施例中,所述将所述图像特征数据按照预定图像处理程序的语法规则嵌入预建的数据框架中得到可执行处理数据包括:
S201,根据所述预定语法规则从所述图像特征数据中提取至少一项图元创建数据,其中,所述图元创建数据为符合所述预定语法规则用于创建所述待处理图像中图元的对应数据,所述图元为所述待处理图像中可参数化的图形元素;
在本步骤中提取所述图像特征数据中的至少一项图元创建数据,从蓝湖中获取的所述图像特征数据我们可以看到其中的所述图像特征数据记录在info当中,那么所述待处理图像就是通过一个,或者多个所述图元构建而成,所述图元可以理解为比如所述待处理图像中具有的白色背景,在所述白色背景中比如具有一个黑色方框,无论是所述白色背景还是黑色方框都可以理解为所述图元。对应地,只要提供了所述黑色方框在图像中的坐标,以及黑色方框的长度、宽度、颜色等即可以准确完整的将所述黑色方框表达出来,那么所述待处理图像对应的所述图像特征数据本质就是一项或者多项所述图形创建数据的集合,每一项所述图元创建数据都可以完整的描述表达一个所述图元。图4为本发明清洗无效数据前嵌入所述数据框架的代码截屏示意图。如图4所示,本步骤的主要目的在于所述图像特征数据中的一些无效语句进行剥离,比如在蓝湖获取的所述图像特征数据中name、exportable、isAutolayout等都是符合蓝湖自身语句语法规则的函数,这些函数语句既不用于所述待处理图像中所述图元的重塑,也不用于之后的所述数据框架中,即便可以嵌入所述数据框架,但是并不能有效的进行处理,属于无效的函数,因此这些无效函数需要被进行清洗。在本步骤中提供了提取有效所述图元创建数据的具体实施方式,另外还可以通过将所述图像特征数据中无效函数进行移除的方式进行清洗。图5为本发明清洗无效数据后嵌入所述数据框架的代码截屏示意图。如图5所示,即为清理后的代码。
S202,将至少其中一项所述图元创建数据按照所述预定语法规则嵌入预定数据框架中得到所述可执行处理数据。
在本步骤中提供了一种将所述图元创建数据嵌入所述预定数据框架得到所述可执行处理数据的具体实施方式。通过所述图元创建数据将所述待处理图像中的所述图元以所述图元创建数据的方式进行提取,通过这些所述图元创建数据可以重建所述图像特征数据,因为如前所说所述图像特征数据就是所述图元创建数据的集合,那么将这些所述图元创建数据嵌入所述预定数据框架以后则可以得到所述可执行处理数据,所述可执行处理数据则可以等效于所述图像特征数据来重建所述待处理图像。
在本实施例中提供了一种将所述图像特征数据嵌入所述数据框架进行转化的具体实施方式。针对现有技术中所述图像特征数据无法被所述预定图像处理程序识别处理,究其原因主要是因为所述图像特征数据并不符合所述预定图像处理程序的所述预定语法规则,导致兼容性差,那么,本实施例提供了一种具体的方式即通过符合所述预定图像处理程序中所述预定语法规则的所述数据框架,以及从所述图像特征数据中提取的所述图元创建数据进行嵌入配合,这样既可以从所述待处理图像中获取图形数据,也可以符合所述预定图像处理程序的语法规则,解决兼容性的具体问题。
在一可选实施例中,所述将至少其中一项所述图元创建数据按照所述预定语法规则嵌入预定数据框架中得到所述可执行处理数据包括:
S301,遍历所述图元创建数据并判断遍历的所述图元创建数据是否能够嵌入所述数据框架的父子层级关系中,其中,所述父子层级关系为按照所述至少两项图元创建数据对应图元位置关系建立的数据架构,
如果遍历的所述图元创建数据能够嵌入具有的父子层级关系的所述数据框架中,则按照所述父子层级关系将所述图元创建数据嵌入所述父子层级关系中得到所述可执行处理数据,如果遍历的所述图元创建数据不能够嵌入所述父子层级关系中,则将所述图元创建数据嵌入所述数据框架结构中的预设坐标系下的数据架构中得到所述可执行处理数据。
在本实施例中首先要判断所述图元创建数据对应的所述图元之间是否存在父子层级关系的结构,即所述父子层级关系。所述父子层级关系是建立在所述至少一项图元创建数据对应所述图元位置关系上的父子关系,我们继续用上面所述白色背景和所述黑色方框进行举例,图6为本发明具有父子层级关系的图元位置关系100示意图,如图6所示,所述白色背景从图像上看包含了所述黑色方框的区域,那么我们就可以理解所述白色背景可以作为父级,而所述黑色方框可以作为子级,因为所述白色背景包含了所述黑色方框。再比如图6中,还存在一个灰色方框,所述灰色方框也在所述白色背景中,那么所述灰色方框则也可以理解为所述白色背景的子级,如果所述灰色方框包含所述黑色方框则,所述黑色方框不但是所述白色背景的子级,同时也是所述灰色方框的子级。图7为本发明具有父子层级关系的图元位置关系200示意图,如图7所示,如果所述灰色方框和所述黑色方框相交,则所述灰色方框和所述黑色方框同时寻找上一级的父级,即所述白色背景,因为所述白色背景同时包含所述灰色方框和所述黑色方框。图8为本发明具有父子层级关系的代码截屏示意图,如图8所示,在数据处理过程中,则是通过参数化的方式完成上述的判断过程,我们可以通过所述图元对应的所述图元创建数据进行比较得到上述结果,因为所述图元创建数据中具有在所述待处理图像中的具体坐标(left和top函数等),以及长宽的具体尺寸(width和height函数等),只要判断这些数据则可以得到所述图元之间的位置关系,我们将这种情况称之为相对坐标体系,显然这种方式可能会出现多层,根据回溯算法,逐层分析各层,得到所述父子层级关系。另一情况下,由于所述图元创建数据某些函数的丢失,或者数据上的遗漏,虽然这些所述图元创建数据无法判断与其他所述图元创建数据之间对应所述图元的位置关系,但是他们仍然可以进行表达,并显示出来,为了确保还原所述待处理图像的完整性,我们建立了所述预设坐标系,将这些无法嵌入所述父子层级关系的所述图元创建数据,在所述预设坐标系下进行显示转译,这种方式被称之为绝对坐标体系,其类似于css样式,层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。我们可以采用类似的命名方式,同级别用top、left、right、bottom、position来区分,然后父级和子级用_下划线相连。比如:top_left、left_bottom等。
在一实施例中,所述遍历所述图元创建数据并判断遍历的所述图元创建数据是否能够嵌入所述数据框架的父子层级关系中,其中,所述父子层级关系为按照所述至少两项图元创建数据对应图元位置关系建立的数据架构包括:
S401,遍历具有第一方向维度上第一端点坐标和第二端点坐标的所述至少两项图元创建数据;
在本步骤中提供了一种遍历所述图元创建数据的具体实施方式,在本步骤中所述图元创建数据具有在所述第一方向维度上的所述第一端点坐标和所述第二端点坐标。比如,图像的左右两个端点,即可以理解为所述第一端点坐标和所述第二端点坐标。当然,也可以理解为上下两个端点,因为最终图像会显示在屏幕上,所以在二维图像上则可以理解为左右、上下两个方向的维度。
S402,根据所述图元创建数据对应的所述第一端点坐标和所述第二端点坐标判断所述图元创建数据对应图元的位置关系,
如果第一图元创建数据对应的所述第一端点坐标和所述第二端点坐标在第二图元创建数据对应的所述第一端点坐标和所述第二端点坐标之间,则判断为所述图元创建数据能够嵌入所述数据框架的父子层级关系中并将所述第一图元创建数据作为子级且所述第二图元创建数据作为父级,其中,所述第一图元创建数据和所述第二图元创建数据为所述至少两项图元创建数据中的任意两项。
在本步骤中提供了一种对所述图元创建数据进行判断的具体实施方式。所述父子层级关系由于属于相对关系,所以需要至少两个所述图元创建数据,需要指出的是遍历的所述图元创建数据都可以作为所述第一图元创建数据或者所述第二图元创建数据,在对应的图元中,我们可以理解为所述第二图元创建数据对应图元在所述第一方向维度上包含所述第一图元创建数据对应的图元,因此将所述第一图元创建数据作为子级,将第二图元创建数据作为父级。
本实施例提供了一种确定所述图元创建数据父子级关系的具体实施方式。遍历具有第一方向维度上第一端点坐标和第二端点坐标的所述至少两项图元创建数据;根据所述图元创建数据对应的所述第一端点坐标和所述第二端点坐标判断所述图元创建数据对应图元的位置关系,如果第一图元创建数据对应的所述第一端点坐标和所述第二端点坐标在第二图元创建数据对应的所述第一端点坐标和所述第二端点坐标之间,则判断为所述图元创建数据能够嵌入所述数据框架的父子层级关系中,其中,所述第一图元创建数据和所述第二图元创建数据为所述至少两项图元创建数据中的任意两项。除了上述的所述第一方向维度外,所述图元创建数据还可以具有第二方向维度上的第三端点坐标和第四端点坐标,当第一图元创建数据对应的所述第三端点坐标和所述第四端点坐标在第二图元创建数据对应的所述第三端点坐标和所述第四端点坐标之间时,则可以判断将所述第一图元创建数据作为子级且所述第二图元创建数据作为父级。所述第一方向维度可以理解为左右,所述第二方向维度可以理解为上下,那么,所述第一图元创建数据对应的图元将全部包含在所述第二图元创建数据对应的图元中。需要指出的是知道所述第一端点坐标和沿所述第一方向维度上的两端距离,也可以等效推断出所述第一图元创建数据和所述第二图元创建数据之间的父子关系,之前的实施例中已经说明和附图中已经介绍了具体的实现方式,在此就不再赘述了。
在一实施例中,所述预定图像处理程序为EJS模板引擎的图像渲染处理程序。
在本实施例中提供了一种具体的所述预定图像处理程序,即采用EJS模板引擎的图像渲染处理程序。EJS是一个JavaScript模板库,用来从JSON数据中生成HTML字符串,可以利用普通的JavaScript代码生成HTML页面。EJS没有如何组织内容的限制,也没有再造一套迭代和控制流语法,具有极好的兼容性。
在一实施例中,所述获取待处理图像的图像特征数据为通过puppeteer获取所述待处理图像的所述图像特征数据。
在本实施例中提供了一种采用puppeteer获取所述图像特征数据的具体实施方式。所述图像特征数据采用puppeteer进行爬虫。puppeteer是Google Chrome团队官方的无界面(Headless)Chrome工具,它是一个Node库,提供了一些高级的API方法来控制DevTools协议上的无头版Chrome,它也是自动化测试行业的标杆。
在一实施例中,所述通过puppeteer获取所述待处理图像的所述图像特征数据步骤前,该方法还包括:
登录puppeteer程序;
在本步骤中通过用户登录的方式登录puppeteer程序,用以进行所述待处理图像的处理。
加载所述待处理图像到所述puppeteer程序中。
在本步骤中将所述待处理图像加载到登录的所述puppeteer程序中,然后获取所述待处理图像的所述图像特征数据。
在本实施例中提供了一种使用puppeteer程序进行登录应用的具体实施方式。登录成功后,跳转到指定的所述待处理图像,等待所述待处理图像加载完成。经过分析,获取所述图像特征数据的ajax请求地址,我们可以使用该地址匹配到正确的URL,然后在使用puppeteer去模拟ajax请求,获取到所述图像特征数据。
在一实施例中,所述按照预定图像处理程序的语法规则将所述图像特征数据通过fs-extra模块转化为可执行处理数据。
在本实施例中提供了一种通过fs-extra模块进行嵌入的具体实施方式,将嵌入有所述图像特征数据的所述数据框架转化软件可以采用fs-extra模块,代替node的fs模块,fs-extra是fa模块的一个扩展模块,提供了更多的API,并继承了fs模块上的所有方法和fs方法添加了promise的支持,直接调用fs-extra的outputFile方法,并传入EJS渲染出的代码字符串,用于所述预定图像处理程序对应的图像渲染程序进行后续处理渲染。
图9为本发明图像数据处理装置的架构示意图。如图9所示,在一实施例中,本申请还提供了一种图像数据处理装置,该装置包括:
获取模块101,用于获取待处理图像的图像特征数据;
嵌入模块102,用于根据所述图像特征数据按照预定图像处理程序的语法规则嵌入预建的数据框架中得到可执行处理数据;
处理模块103,用于所述预定图像处理程序对所述可执行处理数据进行处理。
可选地,该装置还包括:
提取模块104,用于根据所述预定语法规则从所述图像特征数据中提取至少一项图元创建数据,其中,所述图元创建数据为符合所述预定语法规则用于创建所述待处理图像中图元的对应数据,所述图元为所述待处理图像中可参数化的图形元素;
所述嵌入模块102,用于将至少其中一项所述图元创建数据按照所述预定语法规则嵌入预定数据框架中得到所述可执行处理数据。
可选地,该装置还包括:
遍历模块105,用于遍历所述图元创建数据并判断是否能够嵌入具有的父子层级关系的所述数据框架中,其中,所述父子层级关系为按照所述至少一项图元创建数据对应图元位置关系建立的数据架构,
如果遍历的所述至少一项图元创建数据能够嵌入具有的父子层级关系的所述数据框架中,则按照所述父子层级关系架构将所述图元创建数据嵌入所述数据框架中得到所述可执行处理数据,如果遍历的所述至少一项图元创建数据不能够嵌入具有的父子层级关系所述数据框架中,则将所述图元创建数据嵌入所述数据框架结构中预设坐标系下的数据架构中得到所述可执行处理数据。
本申请还提供了一种电子设备,所述装置包括:处理器和存储器;
所述存储器中存储有可被所述处理器执行的应用程序,用于使得所述处理器执行如所述的图像数据处理方法的步骤。
本申请还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现所述的图像数据处理方法的步骤。
实际应用中,所述的计算机可读介质可以是上述实施例中描述的设备/装置/系统中所包含的,也可以是单独存在,而未装配入该设备/装置/系统中。上述计算机可读存储介质承载有一个或者多个程序,当上述一个或多个程序被执行时,实现所描述的数据的图像数据处理方法。
根据本申请公开的实施例,计算机可读存储介质可以是非易失性的计算机可读存储介质,例如可以包括但不限于:便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件,或者上述的任意合适的组合,但不用于限制本申请保护的范围。在本申请公开的实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明保护的范围之内。
Claims (10)
1.一种图像数据处理方法,其特征在于,该方法包括:
获取待处理图像的图像特征数据;
将所述图像特征数据按照预定图像处理程序的预定语法规则嵌入预建的数据框架中得到可执行处理数据;
根据所述预定图像处理程序对所述可执行处理数据进行处理。
2.根据权利要求1所述的图像数据处理方法,其特征在于,所述将所述图像特征数据按照预定图像处理程序的语法规则嵌入预建的数据框架中得到可执行处理数据包括:
根据所述预定语法规则从所述图像特征数据中提取至少一项图元创建数据,其中,所述图元创建数据为符合所述预定语法规则用于创建所述待处理图像中图元的对应数据,所述图元为所述待处理图像中可参数化的图形元素;
将至少其中一项所述图元创建数据按照所述预定语法规则嵌入预定数据框架中得到所述可执行处理数据。
3.根据权利要求2所述的图像数据处理方法,其特征在于,所述将至少其中一项所述图元创建数据按照所述预定语法规则嵌入预定数据框架中得到所述可执行处理数据包括:
遍历所述图元创建数据并判断遍历的所述图元创建数据是否能够嵌入所述数据框架的父子层级关系中,其中,所述父子层级关系为按照所述至少两项图元创建数据对应图元位置关系建立的数据架构,
如果遍历的所述图元创建数据能够嵌入具有的父子层级关系的所述数据框架中,则按照所述父子层级关系将所述图元创建数据嵌入所述父子层级关系中得到所述可执行处理数据,如果遍历的所述图元创建数据不能够嵌入所述父子层级关系中,则将所述图元创建数据嵌入所述数据框架结构中的预设坐标系下的数据架构中得到所述可执行处理数据。
4.根据权利要求3所述的图像数据处理方法,其特征在于,所述遍历所述图元创建数据并判断遍历的所述图元创建数据是否能够嵌入所述数据框架的父子层级关系中,其中,所述父子层级关系为按照所述至少两项图元创建数据对应图元位置关系建立的数据架构包括:
遍历具有第一方向维度上第一端点坐标和第二端点坐标的所述至少两项图元创建数据;
根据所述图元创建数据对应的所述第一端点坐标和所述第二端点坐标判断所述图元创建数据对应图元的位置关系,
如果第一图元创建数据对应的所述第一端点坐标和所述第二端点坐标在第二图元创建数据对应的所述第一端点坐标和所述第二端点坐标之间,则判断为所述图元创建数据能够嵌入所述数据框架的父子层级关系中并将所述第一图元创建数据作为子级且所述第二图元创建数据作为父级,其中,所述第一图元创建数据和所述第二图元创建数据为所述至少两项图元创建数据中的任意两项。
5.根据权利要求1所述的图像数据处理方法,其特征在于,所述预定图像处理程序为EJS模板引擎的图像渲染处理程序。
6.根据权利要求1所述的图像数据处理方法,其特征在于,所述获取待处理图像的图像特征数据为通过puppeteer获取所述待处理图像的所述图像特征数据。
7.根据权利要求5所述的图像数据处理方法,其特征在于,所述通过puppeteer获取所述待处理图像的所述图像特征数据步骤前,该方法还包括:
根据预定操作登录puppeteer程序;
加载所述待处理图像到所述puppeteer程序中。
8.一种图像数据处理装置,其特征在于,所述装置包括:
获取模块,用于获取待处理图像的图像特征数据;
嵌入模块,用于根据所述图像特征数据按照预定图像处理程序的语法规则嵌入预建的数据框架中得到可执行处理数据;
处理模块,用于所述预定图像处理程序对所述可执行处理数据进行处理。
9.一种电子设备,其特征在于,所述装置包括:处理器和存储器;
所述存储器中存储有可被所述处理器执行的应用程序,用于使得所述处理器执行如权利要求1至7中任一项所述的图像数据处理方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现权利要求1至7任一项所述的图像数据处理方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911343830.3A CN111131660B (zh) | 2019-12-24 | 2019-12-24 | 一种图像数据处理方法、装置、电子设备及其存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911343830.3A CN111131660B (zh) | 2019-12-24 | 2019-12-24 | 一种图像数据处理方法、装置、电子设备及其存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111131660A true CN111131660A (zh) | 2020-05-08 |
CN111131660B CN111131660B (zh) | 2022-02-08 |
Family
ID=70501575
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911343830.3A Active CN111131660B (zh) | 2019-12-24 | 2019-12-24 | 一种图像数据处理方法、装置、电子设备及其存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111131660B (zh) |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120072828A1 (en) * | 2010-09-16 | 2012-03-22 | International Business Machines Corporation | Complex input to image transformation for distribution |
CN106776800A (zh) * | 2016-11-22 | 2017-05-31 | 山东中创软件工程股份有限公司 | AngularJS框架的页面生成方法、装置及系统 |
CN107038029A (zh) * | 2017-03-28 | 2017-08-11 | 武汉斗鱼网络科技有限公司 | 苹果开发语言、C++混合编译调用openCV的方法及系统 |
CN108491196A (zh) * | 2018-02-07 | 2018-09-04 | 南京航空航天大学 | 一种aadl图形化功能行为建模方法 |
CN109829437A (zh) * | 2019-02-01 | 2019-05-31 | 北京旷视科技有限公司 | 图像处理方法、文本识别方法、装置和电子系统 |
CN109840087A (zh) * | 2018-12-29 | 2019-06-04 | 北京三快在线科技有限公司 | 界面设计系统及方法、计算机可读存储介质 |
CN110443880A (zh) * | 2019-08-08 | 2019-11-12 | Oppo广东移动通信有限公司 | 图像渲染方法、装置、存储介质及电子设备 |
-
2019
- 2019-12-24 CN CN201911343830.3A patent/CN111131660B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120072828A1 (en) * | 2010-09-16 | 2012-03-22 | International Business Machines Corporation | Complex input to image transformation for distribution |
CN106776800A (zh) * | 2016-11-22 | 2017-05-31 | 山东中创软件工程股份有限公司 | AngularJS框架的页面生成方法、装置及系统 |
CN107038029A (zh) * | 2017-03-28 | 2017-08-11 | 武汉斗鱼网络科技有限公司 | 苹果开发语言、C++混合编译调用openCV的方法及系统 |
CN108491196A (zh) * | 2018-02-07 | 2018-09-04 | 南京航空航天大学 | 一种aadl图形化功能行为建模方法 |
CN109840087A (zh) * | 2018-12-29 | 2019-06-04 | 北京三快在线科技有限公司 | 界面设计系统及方法、计算机可读存储介质 |
CN109829437A (zh) * | 2019-02-01 | 2019-05-31 | 北京旷视科技有限公司 | 图像处理方法、文本识别方法、装置和电子系统 |
CN110443880A (zh) * | 2019-08-08 | 2019-11-12 | Oppo广东移动通信有限公司 | 图像渲染方法、装置、存储介质及电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN111131660B (zh) | 2022-02-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP5947888B2 (ja) | 統合開発環境におけるライブ・ブラウザー・ツーリング | |
US11194884B2 (en) | Method for facilitating identification of navigation regions in a web page based on document object model analysis | |
CN107423322B (zh) | 网页页面的标签嵌套层级的显示方法和装置 | |
CN114217888A (zh) | 用于用户界面元素的有效布局和控制的基于约束的布局系统 | |
US10049095B2 (en) | In-context editing of output presentations via automatic pattern detection | |
CN106484408A (zh) | 一种基于html5的节点关系图显示方法及系统 | |
AU2019205973A1 (en) | Responsive resize | |
CN112416363B (zh) | 一种前后端crud代码的生成方法及装置 | |
CN110096275B (zh) | 一种页面处理方法及装置 | |
US20210103515A1 (en) | Method of detecting user interface layout issues for web applications | |
CN107977205A (zh) | Gui界面自动创建方法及系统 | |
CN112416788B (zh) | 一种分层规范的Web应用UI自动化测试方法 | |
CN114138244A (zh) | 模型类文件自动生成方法、装置、存储介质及电子设备 | |
CN102486792B (zh) | 一种将通用论坛页面重新组织和显示的方法及系统 | |
CN113867694B (zh) | 一种智能生成前端代码的方法和系统 | |
JPWO2005098660A1 (ja) | 文書処理装置及び文書処理方法 | |
CN109387193B (zh) | 一种室内地图的更新方法及装置 | |
KR102598210B1 (ko) | 엔지니어링 도면의 도면 정보 인식방법, 도면 정보 인식시스템, 컴퓨터 프로그램 | |
CN111131660B (zh) | 一种图像数据处理方法、装置、电子设备及其存储介质 | |
US20200364034A1 (en) | System and Method for Automated Code Development and Construction | |
CN114297700B (zh) | 动静态结合的移动应用隐私协议提取方法及相关设备 | |
CN113360148B (zh) | 一种图形处理方法、装置和电子设备 | |
CN115375812A (zh) | Cad数据渲染方法、装置、电子设备及存储介质 | |
US7849404B2 (en) | System for determining whether screen displayed by program satisfies specification | |
KR101632951B1 (ko) | 온라인 학습 콘텐츠로의 변환을 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 매체 및 온라인 학습 콘텐츠로의 변환 방법 |
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 |