CN113849676A - 一种图片可视化方法、装置、设备及介质 - Google Patents

Abstract

本说明书实施例公开了一种图片可视化方法、装置、设备及介质，图片可视化方法包括：获取目标图片以及所述目标图片对应的说明文件，所述说明文件包含所述目标图片对应的目标数据；识别所述目标图片中包含的组件，确定各所述组件与所述目标数据的对应关系；选择与所述目标图片中包含的组件对应的可视化组件框架，确定各所述可视化组件框架与所述目标数据的对应关系；根据各所述可视化组件框架与对应的目标数据生成可视化组件，并展示所述可视化组件。

Description

一种图片可视化方法、装置、设备及介质

技术领域

本申请涉及计算机技术领域，尤其涉及一种图片可视化方法、装置、设备及介质。

背景技术

现有技术中，静态图片可以展示一定的信息，但静态图片的展示场景或展示效果仍然不够丰富。

有鉴于此，需要更有效和更高效的信息展示方案。

发明内容

本说明书实施例提供一种图片可视化方法、装置、设备及介质，用以解决如何更有效和更高效地进行信息展示的技术问题。

为解决上述技术问题，本说明书实施例提供如下技术方案：

本说明书实施例提供一种图片可视化方法，包括：

获取目标图片以及所述目标图片对应的说明文件，所述说明文件包含所述目标图片对应的目标数据；

识别所述目标图片中包含的组件，确定各所述组件与所述目标数据的对应关系；选择与所述目标图片中包含的组件对应的可视化组件框架，确定各所述可视化组件框架与所述目标数据的对应关系；

根据各所述可视化组件框架与对应的目标数据生成可视化组件，并展示所述可视化组件。

可选的，确定各所述组件与所述目标数据的对应关系包括：

确定各所述组件的排序，根据各所述组件的排序确定所述组件与所述目标数据的对应关系。

可选的，确定各所述组件的排序包括：

根据各所述组件在所述目标图片中的位置确定各所述组件的顺序；

和/或，

根据各所述组件的类型确定各所述组件的顺序。

可选的，根据各所述组件的排序确定所述组件与所述目标数据的对应关系包括：

确定所述目标数据包含的各组数据的排序；

根据各所述组件的排序以及所述各组数据的排序，确定各所述组件与所述目标数据包含的各组数据的对应关系。

可选的，确定各所述可视化组件框架与所述目标数据的对应关系包括：

对任一所述可视化组件框架，该可视化组件框架对应的目标数据，为该可视化组件框架对应的组件所对应的目标数据。

可选的，根据各所述可视化组件框架与对应的目标数据生成可视化组件包括：

对任一所述可视化组件框架，将该可视化组件框架关联对应的目标数据，生成该可视化组件框架对应的可视化组件。

可选的，所述方法还包括：

确定所述目标图片中包含的各组件的组件参数；

根据各所述可视化组件框架与对应的目标数据生成可视化组件包括：

对任一所述可视化组件框架，将该可视化组件框架关联对应的目标数据；根据该可视化组件框架对应的组件的组件参数，对该可视化组件框架进行渲染，以生成该可视化组件框架对应的可视化组件。

本说明书实施例提供一种图片可视化装置，包括：

获取模块，用于获取目标图片以及所述目标图片对应的说明文件，所述说明文件包含所述目标图片对应的目标数据；

分析模块，用于识别所述目标图片中包含的组件，确定各所述组件与所述目标数据的对应关系；选择与所述目标图片中包含的组件对应的可视化组件框架，确定各所述可视化组件框架与所述目标数据的对应关系；

生成模块，用于根据各所述可视化组件框架与对应的目标数据生成可视化组件，并展示所述可视化组件。

本说明书实施例提供一种图片可视化设备，包括：

至少一个处理器；

以及，

与所述至少一个处理器通信连接的存储器；

其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，使所述至少一个处理器能够执行上述的图片可视化方法。

本说明书实施例提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令被处理器执行时实现上述的图片可视化方法。

本说明书实施例采用的上述至少一个技术方案能够达到以下有益效果：

上述技术方案中可以自动根据图片生成可视化组件，从而将通过图片方式进行信息展示转换为通过可视化方式进行信息展示，提高信息展示效果和效率。

附图说明

为了更清楚地说明本说明书实施例或现有技术中的技术方案，下面将对本说明书实施例或现有技术描述中所需要使用的附图作简单的介绍。显而易见地，下面介绍的附图仅仅是本说明书中记载的实施例可能涉及的部分附图，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本说明书第一个实施例中的图片可视化方法的执行主体示意图。

图2是本说明书第一个实施例中的图片可视化方法的流程示意图。

图3是本说明书第二个实施例中的图片可视化装置的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本说明书中的技术方案，下面将结合本说明书实施例的附图，对本说明书实施例的技术方案清楚、完整地进行描述。显然，本说明书所描述的实施例仅仅是本申请的部分实施例，而不是全部的实施例。基于本说明书实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

现有技术中，图片作为一种信息展示方式被广泛应用，人们可以接触到各式各样的图片。其中，静态图片作为常用的图片形式，相对更易被人们接触到或获取到。虽然静态图片可以展示一定的信息，但静态图片的展示场景或展示效果仍然不够丰富。

本说明书第一个实施例(以下简称“实施例一”)提供了一种图片可视化方法，实施例一的执行主体可以是终端(包括但不限于手机、计算机、pad、电视)或者服务器或者操作系统或者应用程序或者图片可视化平台或者图片可视化系统等，即执行主体可以是多种多样的，可以根据需要设置、使用或者变换执行主体。另外，也可以有第三方应用程序协助所述执行主体执行实施例一。例如图1所示，可以由服务器来执行实施例一中的图片可视化方法，并且可以在(用户所持有的)终端上安装(与所述服务器)相对应的应用程序，终端或应用程序与服务器之间可以进行数据传输，通过终端或应用程序来进行数据的采集或输入或输出或(向用户)进行页面或信息处理，从而辅助服务器执行实施例一中的图片可视化方法。

如图2所示，实施例一提供的图片可视化方法包括：

S101：(执行主体)获取目标图片以及所述目标图片对应的说明文件，所述说明文件包含所述目标图片对应的目标数据；

实施例一的执行主体可以获取目标图片以及目标图片对应的说明文件。例如，实施例一的执行主体可以显示设置页面，用户可以通过所述设置页面上传图片以及说明文件，实施例一的执行主体将通过所述设置页面上传的图片确定为目标图片，将通过所述设置页面上传的说明文件作为目标图片对应的说明文件。特别的，所述设置页面上可以由“确定”按钮或“上传”按钮或类似按钮，所述按钮被点击表明用户完成上传。实施例一的执行主体可以在任一次显示设置页面后，截至该次显示的设置页面上的所述按钮被点击的时间里，用户所上传的图片作为目标图片，用户所上传的说明文件作为所述目标图片对应的说明文件。

当然，也可以由实施例一的执行主体以外的其他主体确定目标图片以及所述目标图片对应的说明文件，实施例一的执行主体从所述其他主体处获取目标图片以及所述目标图片对应的说明文件。

实施例一中，所述目标图片可以是JPG或PNG或其他格式的图片，所述说明文件可以是Word或Excel或其他格式的文件，实施例一对目标图片或说明文件的形式不作具体限定。

实施例一中，目标图片中包含一个或多个组件(目标图片中包含的各组件以下简称“图片组件”)，例如图表组件。目标图片对应的说明文件包含目标图片对应的目标数据。一般的，目标图片对应的目标数据是目标图片中的图片组件所展现的数据。

例如，目标图片包含图表组件(包括柱状图、饼图或其他图表)，图表组件用于展现一定的数据，则所述图表组件所要展现的数据即属于目标图片对应的目标数据。比如，目标图片中包含柱状图、饼图，用于展现营业额数据以及产品占比数据，则营业额数据以及产品占比数据即属于目标图片对应的目标数据。当然，目标图片还可以包含其他类型的图片组件，则其他类型的图片组件所展现的数据同样属于目标图片对应的目标数据。

S103：(执行主体)识别所述目标图片中包含的组件，确定各所述组件与所述目标数据的对应关系；选择与所述目标图片中包含的组件对应的可视化组件框架，确定各所述可视化组件框架与所述目标数据的对应关系；

如上所述，目标图片中可以包含一个或多个图片组件，则实施例一的执行主体可以识别所述目标图片中包含的各图片组件。其中，实施例一的执行主体可以通过图片识别技术识别各图片组件。

识别目标图片包含的各图片组件后，实施例一的执行主体可以确定目标图片中包含的各图片组件的组件参数。其中，所述组件参数包括但不限于组件类型(即组件名称，例如柱状图组件)、组件颜色、组件位置、组件大小中的一种或多种。

由于说明文档包含目标图片对应的目标数据，目标图片中包含图片组件，则实施例一的执行主体可以确定目标图片中包含的各图片组件与说明文档中的目标数据的对应关系。

实施例一中，确定目标图片包含的各图片组件与所述目标数据的对应关系可以包括：确定目标图片包含的各所述组件的排序，根据目标图片包含的各图片组件的排序，确定目标图片包含的各图片组件与目标数据的对应关系。根据目标图片包含的各图片组件的排序，确定目标图片包含的各图片组件与所述目标数据的对应关系可以包括：确定所述目标数据包含的多组数据的排序；根据目标图片包含的各图片组件的排序以及所述多组数据的排序，确定目标图片包含的各图片组件与目标数据包含的各组数据的对应关系。

实施例一的执行主体可以预设规则，根据预设的规则确定目标图片包含的各图片组件的排序。其中，所述预设规则可以是组件类型规则或位置规则。组件类型规则即根据各图片组件的类型确定目标图片包含的各图片组件的排序，位置规则即根据目标图片包含的各图片组件在目标图片中的位置，确定目标图片包含的各图片组件的排序，比如位置靠上的组件排序靠前。当然，所述预设规则可以是其他规则。

实施例一，所述目标数据可以包含一组或多组数据，实施例一的执行主体可以确定或提取或识别说明文件包含的一组或多组数据。例如，目标数据是1至12月份的销售额数据，每个月份的销售额数据为一组数据，故目标数据包含12组数据。

实施例一的执行主体可以确定目标数据所包含的各组数据的排序，例如将说明文件中每个段落对应一组数据，则靠前的段落对应的数据排序靠前；又例如说明文件中每一行对应一组数据，则靠前的行对应的数据排序靠前。

确定了目标图片包含的各图片组件的排序以及目标数据包含的各组数据的排序后，就可以根据目标图片包含的各图片组件的排序以及目标数据包含的各组数据的排序，确定目标图片包含的各图片组件与目标数据包含的各组数据的对应关系。例如，排序第一的图片组件可以对应排序第一的一组数据，排序第二的组件可以对应排序第二的一组数据，以此类推，排序最后的组件可以对应排序最后的一组数据。

实施例一的执行主体可以预存用于可视化配置或可视化展示的资源数据，所述资源数据包括各种类型的可视化组件框架，可视化组件框架包括但不限于可视化的图表组件框架、可视化的形状组件框架(例如svg格式的形状组件)、三维模型组件框架、可视化的连线组件框架或标记点(标记点用于通过预设形式，例如视频、图表、图片等形式，展示某些预设信息或数据)。可视化组件框架本身可以具有可视化效果，但并未关联或对应具体的数据。基于可视化组件框架，可以形成对应的可视化组件。例如可视化的柱状图组件框架，可以只包括坐标轴作为框架，但具有可视化效果，比如三维立体效果。

识别目标图片包含的各图片组件后，实施例一的执行主体可以确定与“目标图片包含的各图片组件”对应的可视化组件框架。其中，实施例一的执行主体可以预设图片组件与可视化组件框架的对应关系，根据图片组件与可视化组件框架的对应关系，从预存的资源数据中选择与目标图片包含的各图片组件对应的可视化组件框架。例如图片组件是柱状图组件，柱状图组件可以对应可视化的柱状图组件框架；例如图片组件是饼图组件，饼图组件可以对应可视化的饼图组件框架。

确定与“目标图片包含的各图片组件”对应的可视化组件框架后，实施例一的执行主体可以确定各可视化组件框架与上述目标数据的对应关系。其中，确定各可视化组件框架与目标数据的对应关系可以包括：对任一可视化组件框架，该可视化组件框架对应的目标数据，为该可视化组件框架对应的图片组件所对应的目标数据。也就是说，对任一可视化组件框架，该可视化组件框架对应的图片组件对应什么样的目标数据，该可视化组件框架即对应什么样的目标数据；或者，该可视化组件框架对应的图片组件对应哪组数据，该可视化组件框架即对应哪组数据。

需要说明的是，“确定目标图片包含的各图片组件与目标数据的对应关系”与“确定目标图片包含的各图片组件对应的可视化组件框架”没有绝对的先后关系。

S105：(执行主体)根据各所述可视化组件框架与对应的目标数据生成可视化组件，并展示所述可视化组件。

确定目标图片包含的各图片组件对应的可视化组件框架，以及各可视化组件框架与目标数据的对应关系后，实施例一的执行主体可以根据各可视化组件框架与对应的目标数据生成可视化组件。其中，根据各可视化组件框架与对应的目标数据生成可视化组件可以包括1.1或1.2所述的方式(实施例一不限于1.1或1.2所述的方式)：

1.1、对任一可视化组件框架，将该可视化组件框架关联其对应的目标数据，生成该可视化组件框架对应的可视化组件。

对任一可视化组件框架，该可视化组件框架具有基本的形状框架，但尚未关联或对应数据。将该可视化组件框架关联其对应的目标数据后，生成该可视化组件框架对应的可视化组件，以便对该可视化组件框架对应的目标数据进行可视化展示。例如，某可视化组件框架为可视化的折线图框架，其具有基本的坐标轴形状；若该可视化组件框架对应的目标数据为1-12月的销售额数据，则将该可视化组件框架关联其对应的1-12月的销售额数据，并在该可视化组件框架基础上，在坐标轴上形成具体的坐标值，并形成具体的折线，从而生成具有坐标值和折线的具体的可视化折线图。所生成的可视化折线图即为该可视化组件框架对应的可视化组件，用于展示该可视化组件框架对应的目标数据，即1-12月的销售额数据。

1.2、对任一可视化组件框架，将该可视化组件框架关联对应的目标数据；根据该可视化组件框架对应的组件的组件参数，对该可视化组件框架进行渲染，以生成该可视化组件框架对应的可视化组件。

“对任一可视化组件框架，将该可视化组件框架关联对应的目标数据”如1.1所述。如上所述，可以确定目标图片中包含的各图片组件的组件参数，故对任一可视化组件框架，可以根据该可视化组件框架对应的图片组件的组件参数，对该可视化组件框架进行渲染。将该可视化组件框架关联对应的目标数据并根据该可视化组件框架对应的组件的组件参数对该可视化组件框架进行渲染后，生成该可视化组件框架对应的可视化组件，以便对该可视化组件框架对应的目标数据进行可视化展示，且该可视化组件框架对应的可视化组件符合该可视化组件框架对应的组件的组件参数。

例如，某可视化组件框架为可视化的折线图框架，其具有基本的坐标轴形状；若该可视化组件框架对应的目标数据为1-12月的销售额数据，则一方面，将该可视化组件框架关联其对应的1-12月的销售额数据，在该可视化组件框架基础上，在坐标轴上形成具体的坐标值，并形成具体的折线；另一方面，假设该可视化组件框架对应的图片组件的组件参数包括组件颜色、组件位置和组件大小，则根据可视化组件框架对应的图片组件的组件参数对该可视化组件框架进行渲染。经过目标数据关联和组件参数渲染后，所生成的可视化折线图即为该可视化组件框架对应的可视化组件，用于展示该可视化组件框架对应的目标数据，即1-12月的销售额数据。并且，该可视化组件框架对应的可视化组件，符合该可视化组件框架对应的图片组件的组件参数中所包含的组件颜色和组件大小。在对该可视化组件框架对应的可视化组件进行展示时，该可视化组件框架对应的可视化组件在展示页面上的位置，符合该可视化组件框架对应的图片组件的组件参数中所包含的组件位置。

特别的，实施例一的执行主体根据目标图片包含的各图片组件的排序可以确定各可视化组件的排序。一般的，目标图片包含的各图片组件的排序与目标图片包含的各图片组件对应的各可视化组件框架的排序相同，各可视化组件框架对应的可视化组件的排序与各可视化组件框架的排序相同。这样一来，就可以按照各可视化组件的排序依次动态展示各可视化组件。

由于可视化组件框架具有可视化效果，可视化组件框架对应的可视化组件可以保留可视化组件框架的可视化效果；或者，使用组件参数对可视化框架进行渲染后，可视化组件框架对应的可视化组件的可视化效果可能与可视化组件框架的可视化效果不同，例如颜色改变。

生成各可视化组件框架对应的可视化组件后，可以通过实施例一的执行主体或其他设备的页面展示各可视化组件。其中，可以将生成的可视化组件作为项目保存，实施例一的执行主体或其他设备获取所述项目，以展示各可视化组件。

由于各可视化组件框架对应的目标数据是目标图片对应的目标数据，各可视化组价框架关联的数据为各可视化组件框架对应的目标数据，故各可视化组件所展示的数据即为目标图片对应的目标数据，即各可视化组件能够通过可视化形式展示目标图片所要展现的目标数据。

实施例一中，可以自动根据目标图片生成可视化组件，并展示可视化组件，可视化组件能够在可视化场景下，通过可视化效果展示目标图片所要展现的数据，从而自动将通过图片方式，特别是静态图片形式进行信息展现转换为通过可视化方式进行信息展示，提高信息展示效果和效率。

实施例一中可以自动从目标图片识别图片组件和组件参数，并将组件参数应用到可视化组件框架上，对可视化组件框架进行渲染，以形成可视化组件，即图片组件对应的组件参数可以作为可视化组件的组件参数，从而无需用户手动配置可视化组件的参数，提高信息展示效率，避免了手动配置费时费力、易出错的情况。

如图3所示，本说明书第二个实施例提供一种与实施例一所述方法对应的图片可视化装置，包括：

获取模块202，用于获取目标图片以及所述目标图片对应的说明文件，所述说明文件包含所述目标图片对应的目标数据；

分析模块204，用于识别所述目标图片中包含的组件，确定各所述组件与所述目标数据的对应关系；选择与所述目标图片中包含的组件对应的可视化组件框架，确定各所述可视化组件框架与所述目标数据的对应关系；

生成模块206，用于根据各所述可视化组件框架与对应的目标数据生成可视化组件，并展示所述可视化组件。

可选的，确定各所述组件与所述目标数据的对应关系包括：

确定各所述组件的排序，根据各所述组件的排序确定所述组件与所述目标数据的对应关系。

可选的，确定各所述组件的排序包括：

根据各所述组件在所述目标图片中的位置确定各所述组件的顺序；

和/或，

根据各所述组件的类型确定各所述组件的顺序。

可选的，根据各所述组件的排序确定所述组件与所述目标数据的对应关系包括：

确定所述目标数据包含的各组数据的排序；

根据各所述组件的排序以及所述各组数据的排序，确定各所述组件与所述目标数据包含的各组数据的对应关系。

可选的，确定各所述可视化组件框架与所述目标数据的对应关系包括：

对任一所述可视化组件框架，该可视化组件框架对应的目标数据，为该可视化组件框架对应的组件所对应的目标数据。

可选的，根据各所述可视化组件框架与对应的目标数据生成可视化组件包括：

对任一所述可视化组件框架，将该可视化组件框架关联对应的目标数据，生成该可视化组件框架对应的可视化组件。

可选的，所述分析模块204，还用于确定所述目标图片中包含的各组件的组件参数；

可选的，根据各所述可视化组件框架与对应的目标数据生成可视化组件包括：

对任一所述可视化组件框架，将该可视化组件框架关联对应的目标数据；根据该可视化组件框架对应的组件的组件参数，对该可视化组件框架进行渲染，以生成该可视化组件框架对应的可视化组件。

本说明书第三个实施提供一种图片可视化设备，包括：

至少一个处理器；

以及，

与所述至少一个处理器通信连接的存储器；

其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，使所述至少一个处理器能够执行实施例一所述方法。

本说明书第四个实施例提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令被处理器执行时实现实施例一所述方法。

上述各实施例可以结合使用，不同实施例之间或同一实施例内的名称相同的模块可以是相同或不同的模块。

上述对本说明书特定实施例进行了描述，其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，附图中描绘的过程不一定必须按照示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、设备、非易失性计算机可读存储介质实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本说明书实施例提供的装置、设备、非易失性计算机可读存储介质与方法是对应的，因此，装置、设备、非易失性计算机存储介质也具有与对应方法类似的有益技术效果，由于上面已经对方法的有益技术效果进行了详细说明，因此，这里不再赘述对应装置、设备、非易失性计算机存储介质的有益技术效果。

在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(Hardware Description Language，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等，目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。

控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本领域内的技术人员应明白，本说明书实施例可提供为方法、系统、或计算机程序产品。因此，本说明书实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本说明书实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本说明书是参照根据本说明书实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带式磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本说明书可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本说明书实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种图片可视化方法，包括：

获取目标图片以及所述目标图片对应的说明文件，所述说明文件包含所述目标图片对应的目标数据；

识别所述目标图片中包含的组件，确定各所述组件与所述目标数据的对应关系；选择与所述目标图片中包含的组件对应的可视化组件框架，确定各所述可视化组件框架与所述目标数据的对应关系；

根据各所述可视化组件框架与对应的目标数据生成可视化组件，并展示所述可视化组件。

2.如权利要求1所述的方法，确定各所述组件与所述目标数据的对应关系包括：

确定各所述组件的排序，根据各所述组件的排序确定所述组件与所述目标数据的对应关系。

3.如权利要求2所述的方法，确定各所述组件的排序包括：

根据各所述组件在所述目标图片中的位置确定各所述组件的顺序；

和/或，

根据各所述组件的类型确定各所述组件的顺序。

4.如权利要求2所述的方法，根据各所述组件的排序确定所述组件与所述目标数据的对应关系包括：

确定所述目标数据包含的各组数据的排序；

根据各所述组件的排序以及所述各组数据的排序，确定各所述组件与所述目标数据包含的各组数据的对应关系。

5.如权利要求1至4中任一项所述的方法，确定各所述可视化组件框架与所述目标数据的对应关系包括：

对任一所述可视化组件框架，该可视化组件框架对应的目标数据，为该可视化组件框架对应的组件所对应的目标数据。

6.如权利要求1所述的方法，根据各所述可视化组件框架与对应的目标数据生成可视化组件包括：

对任一所述可视化组件框架，将该可视化组件框架关联对应的目标数据，生成该可视化组件框架对应的可视化组件。

7.如权利要求1所述的方法，所述方法还包括：

确定所述目标图片中包含的各组件的组件参数；

根据各所述可视化组件框架与对应的目标数据生成可视化组件包括：

对任一所述可视化组件框架，将该可视化组件框架关联对应的目标数据；根据该可视化组件框架对应的组件的组件参数，对该可视化组件框架进行渲染，以生成该可视化组件框架对应的可视化组件。

8.一种图片可视化装置，包括：

获取模块，用于获取目标图片以及所述目标图片对应的说明文件，所述说明文件包含所述目标图片对应的目标数据；

分析模块，用于识别所述目标图片中包含的组件，确定各所述组件与所述目标数据的对应关系；选择与所述目标图片中包含的组件对应的可视化组件框架，确定各所述可视化组件框架与所述目标数据的对应关系；

生成模块，用于根据各所述可视化组件框架与对应的目标数据生成可视化组件，并展示所述可视化组件。

9.一种图片可视化设备，包括：

至少一个处理器；

以及，

与所述至少一个处理器通信连接的存储器；

其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，使所述至少一个处理器能够执行权利要求1至7中任一项所述的图片可视化方法。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令被处理器执行时实现权利要求1至7中任一项所述的图片可视化方法。

Images