CN108108464B - 图像处理方法、装置、电子设备及介质 - Google Patents
图像处理方法、装置、电子设备及介质 Download PDFInfo
- Publication number
- CN108108464B CN108108464B CN201711478675.7A CN201711478675A CN108108464B CN 108108464 B CN108108464 B CN 108108464B CN 201711478675 A CN201711478675 A CN 201711478675A CN 108108464 B CN108108464 B CN 108108464B
- Authority
- CN
- China
- Prior art keywords
- picture
- user experience
- connecting line
- application
- target
- 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.)
- Active
Links
Images
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
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/29—Geographical information databases
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Remote Sensing (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明实施例公开一种图像处理方法、装置、电子设备及介质，其中方法包括如下步骤：获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片；将所述第一图片的图片标识、所述第二图片的图片标识和所述锚点的位置信息封装为用于描述所述第一图片与所述第二图片的连接关系的数据包，并将所述数据包存入数据集合中；将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。采用本发明，可以自动生成用户体验地图，保证用户体验地图中各节点的完整性，提高用户体验地图的准确性，且操作方式简单，提高用户体验地图描绘的效率。
Description
技术领域
本发明涉及计算机应用领域，尤其涉及一种图像处理方法、装置、电子设备及介质。
背景技术
随着计算机技术的不断的开发和完善，手机和平板电脑等终端已经成为了人们生活中不可或缺的一个部分，应用程序(Application，APP)、网站都得到了广泛的应用。这些互联网产品的设计和制作过程也越来越专业化。其中，设计和优化工作延伸出了“用户体验地图”制作，用户体验地图在APP设计前、设计中和设计后都会涉及到，现有的用户体验地图是通过用户人为依据APP中的各个节点进行描绘，由于采用人为描绘的方式无法很好的保证用户体验地图中各节点的完整性，容易导致节点错误选择以及节点缺失，影响了用户体验地图的准确性，同时采用人为描绘的方式较为繁琐，影响了用户体验地图描绘的效率。
发明内容
本发明实施例提供一种图像处理方法、装置、电子设备及介质，可以自动生成用户体验地图，保证用户体验地图中各节点的完整性，提高用户体验地图的准确性，且操作方式简单，提高用户体验地图描绘的效率。
本发明实施例第一方面提供了一种图像处理方法，可包括：
获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取所述应用图片集合中第二图片；
将所述第一图片的图片标识、所述第二图片的图片标识和所述锚点的位置信息封装为用于描述所述第一图片与所述第二图片的连接关系的数据包，并将所述数据包存入数据集合中；
将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
本发明实施例第二方面提供了一种图像处理装置，可包括：
数据获取单元，用于获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取所述应用图片集合中第二图片；
数据封装单元，用于将所述第一图片的图片标识、所述第二图片的图片标识和所述锚点的位置信息封装为用于描述所述第一图片与所述第二图片的连接关系的数据包，并将所述数据包存入数据集合中；
显示单元，用于将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
本发明实施例第三方面提供了一种电子设备，可包括：壳体、处理器、存储器、电路板和电源电路，其中，所述电路板安置在所述壳体围成的空间内部，所述处理器和所述存储器设置在所述电路板上；所述电源电路，用于为所述电子设备的各个电路或器件供电；所述存储器用于存储可执行程序代码；所述处理器通过读取所述存储器中存储的可执行程序代码来运行与所述可执行程序代码对应的程序，以用于执行以下步骤：
获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取所述应用图片集合中第二图片；
将所述第一图片的图片标识、所述第二图片的图片标识和所述锚点的位置信息封装为用于描述所述第一图片与所述第二图片的连接关系的数据包，并将所述数据包存入数据集合中；
将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
本发明实施例第四方面提供了一种计算机存储介质，所述计算机存储介质存储有多条指令，所述指令适用于由处理器加载并执行上述第一方面的方法步骤。
本发明实施例第五方面提供了一种计算机应用程序，所述计算机应用程序适用于由处理器加载并执行上述第一方面的方法步骤。
在本发明实施例中，通过获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片；将所述第一图片的图片标识、第二图片的图片标识和所述锚点的位置信息封装为用于描述第一图片与第二图片的连接关系的数据包，并将所述数据包存入数据集合中；将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。通过对图片和连线的智能排版，可以自动生成用户体验地图，保证用户体验地图中各节点的完整性，提高用户体验地图的准确性，且操作方式简单，提高用户体验地图描绘的效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的一种图像处理方法的流程示意图；
图2是本发明实施例提供的一种图像处理的举例示意图；
图3是本发明实施例提供的另一种图像处理方法的流程示意图；
图4是本发明实施例提供的另一种图像处理的举例示意图；
图5是本发明实施例提供的又一种图像处理的举例示意图；
图6是本发明实施例提供的又一种图像处理的举例示意图；
图7是本发明实施例提供的一种图像处理装置的结构示意图；
图8是本发明实施例提供的另一种图像处理装置的结构示意图；
图9是本发明实施例提供的一种数据获取单元的结构示意图；
图10是本发明实施例提供的一种显示单元的结构示意图；
图11是本发明实施例提供的一种地图显示子单元的结构示意图；
图12是本发明实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本发明实施例提供的图像处理方法可以应用于用户体验地图的制作场景中，例如，通过获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片；将所述第一图片的图片标识、第二图片的图片标识和所述锚点的位置信息封装为用于描述第一图片与第二图片的连接关系的数据包，并将所述数据包存入数据集合中；将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。通过对图片和连线的智能排版，可以自动生成用户体验地图，保证用户体验地图中各节点的完整性，提高用户体验地图的准确性，且操作方式简单，提高用户体验地图描绘的效率。
本发明实施例涉及的图像处理装置可以包括：平板电脑、智能手机、个人电脑(PC)、笔记本电脑、掌上电脑以及移动互联网设备(MID)等具备图像显示的终端设备。
请参见图1，为本发明实施例提供了一种图像处理方法的流程示意图。如图1所示，本发明实施例的所述方法可以包括以下步骤S101-步骤S103。
S101，获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片；
具体的，图像处理装置可以获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片，可以理解的是，所述应用图片集合用于存储图片，生成用户体验地图所需要的图片预先存储于应用图片集合，图像处理装置获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，所述第一图片可以是应用图片集合中的任意图片，所述锚点是用户在第一图片上点击的目标点，所述锚点的位置信息的获取过程是图像处理装置捕获用户在显示出来的图片上点击的锚点，计算出锚点对应的图片的相对位置，包括所述锚点位置的宽高百分比，图像处理装置基于所述锚点进一步获取应用图片集合中的第二图片，所述第二图片可以是图片集合中的任意图片。
S102，将所述第一图片的图片标识、所述第二图片的图片标识和所述锚点的位置信息封装为用于描述所述第一图片与所述第二图片的连接关系的数据包，并将所述数据包存入数据集合中；
具体的，图像处理装置将所述第一图片的图片标识、所述第二图片的图片标识和所述锚点的位置信息封装为用于描述所述第一图片与所述第二图片的连接关系的数据包，并将所述数据包存入数据集合中，可以理解的是，每一张图片都有唯一与之对应的图片标识，所述图片标识可以是图片标识号(Identification，ID)、图片名称或者图片编号，图像处理装置将所述第一图片的图片标识、第二图片的图片标识和所述锚点的位置信息封装为用于描述第一图片与第二图片的连接关系的数据包，所述连接关系包括连线的起始位置和结束位置以及连线的类型颜色等，所述连线包括但不限于实线和虚线，最后图像处理装置将封装后的数据包存入数据集合中。
S103，将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
具体的，图像处理装置将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示，可以理解的是，所述数据集合中可以存储有多个数据包，所述用户体验地图是用视觉化的方式表示一个用户为了完成某目标经历的过程，最基本的形式，是把一系列用户需求和行为集合在一个时间框架上，然后把用户的思考和情绪填充进时间框架里加以叙述，最后，把这个叙述以视觉化形式表现出来，用于以用户的视角指导设计过程。图像处理装置将所述数据集合中的所有数据包进行解析，以获取数据包中封装的图片标识以及图片的连接方式，进一步从应用图片集合中获取图片标识对应的图片，并对图片以所述连接方式进行连接，数据包解析后图片的连接方式如图2所示，连线由第一图片中的锚点指向第二图片，图像处理装置将所有通过解析后的图片进行排版以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
在本发明实施例中，通过获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片；将所述第一图片的图片标识、第二图片的图片标识和所述锚点的位置信息封装为用于描述第一图片与第二图片的连接关系的数据包，并将所述数据包存入数据集合中；将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。通过对图片和连线的智能排版，可以自动生成用户体验地图，保证用户体验地图中各节点的完整性，提高用户体验地图的准确性，且操作方式简单，提高用户体验地图描绘的效率。
请参见图3，为本发明实施例提供了一种图像处理方法的流程示意图。如图3所示，本发明实施例的所述方法可以包括以下步骤S201-步骤S208。
S201，获取在应用图片集合中选择的第一图片，检测在所述第一图片上输入的锚点，并获取所述锚点的位置信息；
具体的，图像处理装置可以获取在应用图片集合中选择的第一图片，检测在所述第一图片上输入的锚点，并获取所述锚点的位置信息，可以理解的是，所述应用图片集合用于存储图片，生成用户体验地图所需要的图片预先存储于应用图片集合，图像处理装置获取用户从应用图片集合中选择的第一图片，并检测用户在所述第一图片上点击的锚点的位置，进一步获取所述锚点的位置信息，锚点的位置信息是锚点在第一图片的相对位置，包括所述锚点位置的宽高百分比，所述第一图片可以是应用图片集合中的任意图片。
S202，获取基于锚点在应用图片集合中所选择的第二图片；
具体的，图像处理装置可以获取基于锚点在应用图片集合中所选择的第二图片，可以理解的是，图像处理装置检测用户在所述第一图片上点击的锚点位置后，基于所述锚点获取在用户在应用图片集合中所选择的第二图片，所述第二图片可以是应用图片集合中的任意图片。
S203，将所述第一图片的图片标识、所述第二图片的图片标识和所述锚点的位置信息封装为用于描述所述第一图片与所述第二图片的连接关系的数据包，并将所述数据包存入数据集合中；
S204，依次解析所述数据集合中的所有数据包，以获取各数据包中目标图片标识所指示的目标图片，并基于所述数据包中的目标锚点的位置信息在所述目标图片间绘制连线；
具体的，图像处理装置可以依次解析所述数据集合中的所有数据包，以获取各数据包中目标图片标识所指示的目标图片，并基于所述数据包中的目标锚点的位置信息在所述目标图片间绘制连线，可以理解的是，所述数据集合中可以存储有多个数据包，图像处理装置对所述数据集合中的所有数据包依次进行解析，以获取数据包中封装的目标图片标识以及目标图片的连接方式，进一步从应用图片集合中获取目标图片标识对应的目标图片，并对目标图片以所述连接方式在起始位置和结束位置之间绘制连线。
S205，对所述目标图片以及所述连线进行排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示；
具体的，图像处理装置对所述目标图片以及所述连线进行排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示，可以理解的是，图像处理装置将所述所有数据包进行解析，并对图片进行连线后，将所有图片进行排版以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
S206，当所述连线中的第一连线和第二连线存在交叉时，根据第二连线的起始位置和结束位置采用寻路算法获取与第一连线不存在交叉的目标连线；
具体的，当所述连线中的第一连线和第二连线存在交叉时，根据第二连线的起始位置和结束位置采用寻路算法获取与第一连线不存在交叉的目标连线，可以理解的是，图像处理装置对图片进行连线后，将所有图片进行排版处理，检测所述连线中是否有连线交叉，当所述连线中的第一连线和第二连线存在交叉时，如图4所示，图片1和图片2基于锚点a有第一连线，图片1和图片3基于锚点b有第二连线，所述连线中的第一连线和第二连线存在交叉的情况。采用寻路算法，将第一连线作为障碍物，在第二连线的起始位置和结束位置获取一条第一连线不存在交叉的目标连线，所述寻路算法包括A星算法、人工势场法等。如图5所示，根据寻路算法获取一条与第一连线不存在交叉的目标连线。
S207，当所述目标连线为直角连线时，采用所述目标连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示；
具体的，当所述目标连线为直角连线时，采用所述目标连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示，可以理解的是，图像处理装置采用寻路算法，在第二连线的起始位置和结束位置获取一条第一连线不存在交叉的目标连线，检测所述目标连线是否为直角连线，当所述目标连线为直角连线时，采用所述目标连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
S208，当所述目标连线不是直角连线时，将所述目标连线转换为直角连线，采用所述直角连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
具体的，当所述目标连线不是直角连线时，将所述目标连线转换为直角连线，采用所述直角连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示，可以理解的是，图像处理装置采用寻路算法，在第二连线的起始位置和结束位置获取一条第一连线不存在交叉的目标连线，检测所述目标连线是否为直角连线，当所述目标连线不是直角连线时，则把连线扩大并采用直线方式重绘为直角连线，采用所述直角连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。如图6所示，采用所述直角连线替换所述第二连线的情况。
其中，本发明实施例的步骤S203参见图1所示实施例的步骤S102的具体描述，在此不进行赘述。
需要说明的是，在本实施例中步骤S205、S206、S207和S208并不需要同时执行，步骤S206和S207，步骤S206和S208是步骤S205的两种具体实施方式。
在本发明实施例中，通过获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片；将所述第一图片的图片标识、第二图片的图片标识和所述锚点的位置信息封装为用于描述第一图片与第二图片的连接关系的数据包，并将所述数据包存入数据集合中；将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。通过对图片和连线的智能排版，可以自动生成用户体验地图，保证用户体验地图中各节点的完整性，提高用户体验地图的准确性，且操作方式简单，提高用户体验地图描绘的效率。
请参见图7，为本发明实施例提供了一种图像处理装置的结构示意图。如图7所示，本发明实施例的所述图像处理装置100可以包括：数据获取单元11、数据封装单元12和显示单元13。
数据获取单元11，用于获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片；
具体的，数据获取单元11可以获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片，可以理解的是，所述应用图片集合用于存储图片，生成用户体验地图所需要的图片预先存储于应用图片集合，数据获取单元11获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，所述第一图片可以是应用图片集合中的任意图片，所述锚点是用户在第一图片上点击的目标点，所述锚点的位置信息的获取过程是图像处理装置捕获用户在显示出来的图片上点击的锚点，计算出锚点对应的图片的相对位置，包括所述锚点位置的宽高百分比，数据获取单元11基于所述锚点进一步获取应用图片集合中的第二图片，所述第二图片可以是应用图片集合中的任意图片。
数据封装单元12，用于将所述第一图片的图片标识、所述第二图片的图片标识和所述锚点的位置信息封装为用于描述所述第一图片与所述第二图片的连接关系的数据包，并将所述数据包存入数据集合中；
具体的，数据封装单元12将所述第一图片的图片标识、所述第二图片的图片标识和所述锚点的位置信息封装为用于描述所述第一图片与所述第二图片的连接关系的数据包，并将所述数据包存入数据集合中，可以理解的是，每一张图片都有唯一与之对应的图片标识，所述图片标识可以是图片标识号(Identification，ID)、图片名称或者图片编号，图像处理装置将所述第一图片的图片标识、第二图片的图片标识和所述锚点的位置信息封装为用于描述第一图片与第二图片的连接关系的数据包，所述连接关系包括连线的起始位置和结束位置以及连线的类型颜色等，所述连线包括但不限于实线和虚线，最后数据封装单元12将封装后的数据包存入数据集合中。
显示单元13，用于将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
具体的，显示单元13将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示，可以理解的是，所述数据集合中可以存储有多个数据包，所述用户体验地图是用视觉化的方式表示一个用户为了完成某目标经历的过程，最基本的形式，是把一系列用户需求和行为集合在一个时间框架上，然后把用户的思考和情绪填充进时间框架里加以叙述，最后，把这个叙述以视觉化形式表现出来，用于以用户的视角指导设计过程。显示单元13将所述数据集合中的所有数据包进行解析，以获取数据包中封装的图片标识以及图片的连接方式，进一步从应用图片集合中获取图片标识对应的图片，并对图片以所述连接方式进行连接，显示单元13将所有通过解析后的图片进行排版以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
在本发明实施例中，通过获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片；将所述第一图片的图片标识、第二图片的图片标识和所述锚点的位置信息封装为用于描述第一图片与第二图片的连接关系的数据包，并将所述数据包存入数据集合中；将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。通过对图片和连线的智能排版，可以自动生成用户体验地图，保证用户体验地图中各节点的完整性，提高用户体验地图的准确性，且操作方式简单，提高用户体验地图描绘的效率。
请参见图8，为本发明实施例提供了一种图像处理装置的结构示意图。如图8所示，本发明实施例的所述图像处理装置100可以包括：数据获取单元11、数据封装单元12、显示单元13和转换显示单元14。
数据获取单元11，用于获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片；
具体的，请一并参见图9，为本发明实施例提供了一种数据获取单元11的结构示意图。如图9所示，本发明实施例的所述数据获取单元11可以包括：信息获取子单元111和图片获取子单元112；
信息获取子单元111，用于获取在应用图片集合中选择的第一图片，检测在所述第一图片上输入的锚点，并获取所述锚点的位置信息；
具体的，信息获取子单元111可以获取在应用图片集合中选择的第一图片，检测在所述第一图片上输入的锚点，并获取所述锚点的位置信息，可以理解的是，所述应用图片集合用于存储图片，生成用户体验地图所需要的图片预先存储于应用图片集合，信息获取子单元111获取用户从应用图片集合中选择的第一图片，并检测用户在所述第一图片上点击的锚点的位置，进一步获取所述锚点的位置信息，锚点的位置信息是锚点在第一图片的相对位置，包括所述锚点位置的宽高百分比，所述第一图片可以是应用图片集合中的任意图片。
图片获取子单元112，用于获取基于锚点在应用图片集合中所选择的第二图片；
具体的，图片获取子单元112可以获取基于锚点在应用图片集合中所选择的第二图片，可以理解的是，信息获取子单元111检测用户在所述第一图片上点击的锚点位置后，图片获取子单元112基于所述锚点获取在用户在应用图片集合中所选择的第二图片，所述第二图片可以是应用图片集合中的任意图片。
数据封装单元12，用于将所述第一图片的图片标识、所述第二图片的图片标识和所述锚点的位置信息封装为用于描述所述第一图片与所述第二图片的连接关系的数据包，并将所述数据包存入数据集合中；
显示单元13，用于将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示；
具体的，请一并参见图10，为本发明实施例提供了一种显示单元13的结构示意图。如图10所示，本发明实施例的所述显示单元13可以包括：连线绘制子单元131和地图显示子单元132；
连线绘制子单元131，用于依次解析所述数据集合中的所有数据包，以获取各数据包中目标图片标识所指示的目标图片，并基于所述数据包中的目标锚点的位置信息在所述目标图片间绘制连线；
具体的，连线绘制子单元131可以依次解析所述数据集合中的所有数据包，以获取各数据包中目标图片标识所指示的目标图片，并基于所述数据包中的目标锚点的位置信息在所述目标图片间绘制连线，可以理解的是，所述数据集合中可以存储有多个数据包，连线绘制子单元131对所述数据集合中的所有数据包依次进行解析，以获取数据包中封装的目标图片标识以及目标图片的连接方式，进一步从应用图片集合中获取目标图片标识对应的目标图片，并对目标图片以所述连接方式在起始位置和结束位置之间绘制连线。
地图显示子单元132，用于对所述目标图片以及所述连线进行排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示；
具体的，地图显示子单元132对所述目标图片以及所述连线进行排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示，可以理解的是，地图显示子单元132将所述所有数据包进行解析，并对图片进行连线后，将所有图片进行排版以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
具体的，请一并参见图11，为本发明实施例提供了一种地图显示子单元132的结构示意图。如图11所示，本发明实施例的所述地图显示子单元132可以包括：连线获取子单元1321和连线替换子单元1322；
连线获取子单元1321，当所述连线中的第一连线和第二连线存在交叉时，根据第二连线的起始位置和结束位置采用寻路算法获取与第一连线不存在交叉的目标连线；
具体的，当所述连线中的第一连线和第二连线存在交叉时，根据第二连线的起始位置和结束位置采用寻路算法获取与第一连线不存在交叉的目标连线，可以理解的是，连线绘制子单元131对图片进行连线后，将所有图片进行排版处理，连线获取子单元1321检测所述连线中是否有连线交叉，当所述连线中的第一连线和第二连线存在交叉时，采用寻路算法，将第一连线作为障碍物，在第二连线的起始位置和结束位置获取一条第一连线不存在交叉的目标连线，所述寻路算法包括A星算法、人工势场法等。
连线替换子单元1322，当所述目标连线为直角连线时，采用所述目标连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示；
具体的，当所述目标连线为直角连线时，采用所述目标连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示，可以理解的是，连线获取子单元1321采用寻路算法，在第二连线的起始位置和结束位置获取一条第一连线不存在交叉的目标连线，连线替换子单元1322检测所述目标连线是否为直角连线，当所述目标连线为直角连线时，采用所述目标连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
转换显示单元14，当所述目标连线不是直角连线时，将所述目标连线转换为直角连线，采用所述直角连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
具体的，当所述目标连线不是直角连线时，将所述目标连线转换为直角连线，采用所述直角连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示，可以理解的是，连线获取子单元1321采用寻路算法，在第二连线的起始位置和结束位置获取一条第一连线不存在交叉的目标连线，转换显示单元14检测所述目标连线是否为直角连线，当所述目标连线不是直角连线时，则把连线扩大并采用直线方式重绘为直角连线，采用所述直角连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
其中，本发明实施例的数据封装单元12参见图7所示实施例的数据封装单元12的具体描述，在此不进行赘述。
需要说明的是，在本实施例中地图显示子单元132、连线获取子单元1321、连线替换子单元1322和转换显示单元14并不需要同时执行，连线获取子单元1321和连线替换子单元1322，连线获取子单元1321和转换显示单元14是地图显示子单元132的两种具体实施方式。
在本发明实施例中，通过获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片；将所述第一图片的图片标识、第二图片的图片标识和所述锚点的位置信息封装为用于描述第一图片与第二图片的连接关系的数据包，并将所述数据包存入数据集合中；将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。通过对图片和连线的智能排版，可以自动生成用户体验地图，保证用户体验地图中各节点的完整性，提高用户体验地图的准确性，且操作方式简单，提高用户体验地图描绘的效率。
本发明实施例还提供了一种计算机存储介质，所述计算机存储介质存储有多条指令，所述指令适用于由处理器加载并执行如上述图1或图3所示实施例的方法步骤，具体执行过程可以参见图1或图3所示实施例的具体说明，在此不进行赘述。
本发明实施例还提供了一种计算机应用程序，所述计算机应用程序适用于由处理器加载并执行如上述图1或图3所示实施例的方法步骤，具体执行过程可以参见图1或图3所示实施例的具体说明，在此不进行赘述。
请参见图12，为本发明实施例提供了一种电子设备的结构示意图。如图12所示，本发明实施例的所述电子设备可以包括：壳体800、电路板801、处理器802、通信总线803、输入设备804、输出设备805和存储器806，其中，电路板801安置在壳体800围成的空间内部，处理器802、通信总线803、存储器806、输入设备804和输出设备805设置在电路板801上；通信总线803用于实现这些组件之间的连接通信。其中，存储器806可以是高速RAM存储器，也可以是非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器。存储器806可选的还可以是至少一个位于远离前述处理器802的存储设备。其中，处理器802可以结合图7-8所描述的图像处理装置，存储器806中存储可执行程序代码；且处理器802通过读取存储器806中存储的可执行程序代码来运行与可执行程序代码对应的程序，以用于执行以下步骤：
控制输入设备804获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片；
控制输入设备804将所述第一图片的图片标识、所述第二图片的图片标识和所述锚点的位置信息封装为用于描述所述第一图片与所述第二图片的连接关系的数据包，并将所述数据包存入数据集合中；
控制输出设备805将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
在可选的实施例中，控制处理器802调用存储器806中存储的可执行程序代码执行获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片，具体执行以下操作：
获取在应用图片集合中选择的第一图片，检测在所述第一图片上输入的锚点，并获取所述锚点的位置信息；
获取基于锚点在应用图片集合中所选择的第二图片。
在可选的实施例中，控制处理器802调用存储器806中存储的可执行程序代码执行将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示，具体执行以下操作：
依次解析所述数据集合中的所有数据包，以获取各数据包中目标图片标识所指示的目标图片，并基于所述数据包中的目标锚点的位置信息在所述目标图片间绘制连线；
对所述目标图片以及所述连线进行排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
在可选的实施例中，控制处理器802，并调用存储器806中存储的可执行程序代码执行对所述目标图片以及所述连线进行排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示，具体执行以下操作：
当所述连线中的第一连线和第二连线存在交叉时，根据第二连线的起始位置和结束位置采用寻路算法获取与第一连线不存在交叉的目标连线；
当所述目标连线为直角连线时，采用所述目标连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
在可选的实施例中，控制处理器802调用存储器806中存储的可执行程序代码执行具体以下操作：
当所述目标连线不是直角连线时，将所述目标连线转换为直角连线，采用所述直角连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
在本发明实施例中，通过获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取应用图片集合中第二图片；将所述第一图片的图片标识、第二图片的图片标识和所述锚点的位置信息封装为用于描述第一图片与第二图片的连接关系的数据包，并将所述数据包存入数据集合中；将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。通过对图片和连线的智能排版，可以自动生成用户体验地图，保证用户体验地图中各节点的完整性，提高用户体验地图的准确性，且操作方式简单，提高用户体验地图描绘的效率。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存储记忆体(Random AccessMemory，RAM)等。
以上所揭露的仅为本发明较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。
Claims (12)
1.一种图像处理方法，其特征在于，包括：
获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，并基于所述锚点获取所述应用图片集合中第二图片；
将所述第一图片的图片标识、所述第二图片的图片标识和所述锚点的位置信息封装为用于描述所述第一图片与所述第二图片的连接关系的数据包，并将所述数据包存入数据集合中；
将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
2.根据权利要求1所述的方法，其特征在于，所述获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，获取所述应用图片集合中第二图片，包括：
获取在应用图片集合中选择的第一图片，检测在所述第一图片上输入的锚点，并获取所述锚点的位置信息；
获取基于锚点在应用图片集合中所选择的第二图片。
3.根据权利要求1所述的方法，其特征在于，所述将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示，包括：
依次解析所述数据集合中的所有数据包，以获取各数据包中目标图片标识所指示的目标图片，并基于所述数据包中的目标锚点的位置信息在所述目标图片间绘制连线；
对所述目标图片以及所述连线进行排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
4.根据权利要求3所述的方法，其特征在于，所述对所述目标图片以及所述连线进行排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示，包括：
当所述连线中的第一连线和第二连线存在交叉时，根据第二连线的起始位置和结束位置采用寻路算法获取与第一连线不存在交叉的目标连线；
当所述目标连线为直角连线时，采用所述目标连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
5.根据权利要求4所述的方法，其特征在于，还包括：
当所述目标连线不是直角连线时，将所述目标连线转换为直角连线，采用所述直角连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
6.一种图像处理装置，其特征在于，包括：
数据获取单元，用于获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，并基于所述锚点获取所述应用图片集合中第二图片；
数据封装单元，用于将所述第一图片的图片标识、所述第二图片的图片标识和所述锚点的位置信息封装为用于描述所述第一图片与所述第二图片的连接关系的数据包，并将所述数据包存入数据集合中；
显示单元，用于将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
7.根据权利要求6所述的装置，其特征在于，所述数据获取单元包括：
信息获取子单元，用于获取在应用图片集合中选择的第一图片，检测在所述第一图片上输入的锚点，并获取所述锚点的位置信息；
图片获取子单元，用于获取基于锚点在应用图片集合中所选择的第二图片。
8.根据权利要求6所述的装置，其特征在于，所述显示单元包括：
连线绘制子单元，用于依次解析所述数据集合中的所有数据包，以获取各数据包中目标图片标识所指示的目标图片，并基于所述数据包中的目标锚点的位置信息在所述目标图片间绘制连线；
地图显示子单元，用于对所述目标图片以及所述连线进行排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
9.根据权利要求8所述的装置，其特征在于，所述地图显示子单元包括：
连线获取子单元，用于当所述连线中的第一连线和第二连线存在交叉时，根据第二连线的起始位置和结束位置采用寻路算法获取与第一连线不存在交叉的目标连线；
连线替换子单元，用于当所述目标连线为直角连线时，采用所述目标连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
10.根据权利要求9所述的装置，其特征在于，还包括：
转换显示单元，用于当所述目标连线不是直角连线时，将所述目标连线转换为直角连线，采用所述直角连线替换所述第二连线，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
11.一种电子设备，其特征在于，包括：壳体、处理器、存储器、电路板和电源电路，其中，所述电路板安置在所述壳体围成的空间内部，所述处理器和所述存储器设置在所述电路板上；所述电源电路，用于为所述电子设备的各个电路或器件供电；所述存储器用于存储可执行程序代码；所述处理器通过读取所述存储器中存储的可执行程序代码来运行与所述可执行程序代码对应的程序，以用于执行以下步骤：
获取应用图片集合中的第一图片以及所述第一图片上的锚点的位置信息，并基于所述锚点获取所述应用图片集合中第二图片；
将所述第一图片的图片标识、所述第二图片的图片标识和所述锚点的位置信息封装为用于描述所述第一图片与所述第二图片的连接关系的数据包，并将所述数据包存入数据集合中；
将所述数据集合中的所有数据包进行解析排版，以生成所述应用图片集合对应的用户体验地图，并对所述用户体验地图进行显示。
12.一种计算机存储介质，其特征在于，所述计算机存储介质存储有多条指令，所述指令适用于由处理器加载并执行如权利要求1-5任意一项的方法步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711478675.7A CN108108464B (zh) | 2017-12-29 | 2017-12-29 | 图像处理方法、装置、电子设备及介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711478675.7A CN108108464B (zh) | 2017-12-29 | 2017-12-29 | 图像处理方法、装置、电子设备及介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN108108464A CN108108464A (zh) | 2018-06-01 |
| CN108108464B true CN108108464B (zh) | 2021-11-23 |
Family
ID=62214869
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711478675.7A Active CN108108464B (zh) | 2017-12-29 | 2017-12-29 | 图像处理方法、装置、电子设备及介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108108464B (zh) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109491560B (zh) * | 2018-09-20 | 2021-08-13 | 华为技术有限公司 | 应用程序的启动方法和装置 |
| CN110413719A (zh) * | 2019-07-25 | 2019-11-05 | Oppo广东移动通信有限公司 | 信息处理方法及装置、设备、存储介质 |
| CN112508785A (zh) * | 2020-11-28 | 2021-03-16 | 华为技术有限公司 | 一种图片处理方法及装置 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102930389A (zh) * | 2012-10-23 | 2013-02-13 | 北京理工大学 | 一种产品设计知识管理方法与系统 |
| CN103733199A (zh) * | 2011-05-25 | 2014-04-16 | 中央软件公司 | 用于设计管理框架的移动app |
| CN105160561A (zh) * | 2015-09-30 | 2015-12-16 | 北京中搜网络技术股份有限公司 | 一种情景式图片广告方法及装置 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR101518566B1 (ko) * | 2013-07-26 | 2015-05-08 | 서울여자대학교 산학협력단 | 온라인 서비스 경험 모델링 제공 방법 및 장치 |
-
2017
- 2017-12-29 CN CN201711478675.7A patent/CN108108464B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103733199A (zh) * | 2011-05-25 | 2014-04-16 | 中央软件公司 | 用于设计管理框架的移动app |
| CN102930389A (zh) * | 2012-10-23 | 2013-02-13 | 北京理工大学 | 一种产品设计知识管理方法与系统 |
| CN105160561A (zh) * | 2015-09-30 | 2015-12-16 | 北京中搜网络技术股份有限公司 | 一种情景式图片广告方法及装置 |
Non-Patent Citations (1)
| Title |
|---|
| 如何创建用户体验地图（Customer Journey Map）？;耳东叔;《简书》;20161102;全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN108108464A (zh) | 2018-06-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108108464B (zh) | 图像处理方法、装置、电子设备及介质 | |
| CN111176961B (zh) | 一种应用程序测试方法、装置及存储介质 | |
| CN107450899B (zh) | 终端控制脚本的生成方法和装置 | |
| CN109145238B (zh) | 一种卡片显示方法、装置及移动设备 | |
| CN107133064B (zh) | 原生应用的页面热更新方法及装置 | |
| CN106302103B (zh) | 一种信息处理方法及其系统、应用服务器 | |
| CN109101228B (zh) | 应用程序的执行方法和装置 | |
| CN112416458A (zh) | 基于ReactNative的预加载方法、装置、计算机设备及存储介质 | |
| CN111523065B (zh) | 富文本数据处理方法、装置、电子设备及计算机存储介质 | |
| CN106293658B (zh) | 一种界面组件生成方法及其设备 | |
| CN109962972B (zh) | 一种离线包重组方法及系统 | |
| CN107038024B (zh) | 一种操控配置方法及其设备 | |
| CN107291468B (zh) | 播放开/关机动画的方法、终端及计算机可读存储介质 | |
| CN106095886B (zh) | 一种数据处理方法及其装置 | |
| CN108153566A (zh) | 列表数据循环显示方法、装置、设备和存储介质 | |
| CN107797927B (zh) | 应用自动化测试方法、装置、设备及可读存储介质 | |
| CN110515834B (zh) | 接口测试方法、装置、移动终端及存储介质 | |
| US20190172263A1 (en) | Method and apparatus for augmenting reality | |
| CN107818020B (zh) | 参数传递方法和装置 | |
| CN113467776B (zh) | 设备的接入方法、装置、存储介质和电子装置 | |
| CN109145239B (zh) | 一种基于学科游戏的多平台截图分享方法及电子设备 | |
| CN112346366A (zh) | 终端设备的控制方法、装置、设备及计算机可读存储介质 | |
| CN112214712A (zh) | 一种浏览器的自动切换方法、装置、存储介质及电子设备 | |
| CN111078215A (zh) | 软件产品应用方法及装置、存储介质及电子设备 | |
| CN106201508B (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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |