CN114048724A - 一种图片信息的显示方法及相关装置 - Google Patents

Abstract

本申请公开了一种图片信息的显示方法及相关装置，该显示方法应用于显示第一界面和第二界面的电子设备，其中第二界面为可编辑界面。电子设备检测到用户将第一界面中的目标图片拖动至第二界面，一方面电子设备获得目标图片中的文本信息、图像信息和图像信息与文本信息的相对位置信息；另一方面电子设备获得第二界面中文字对应的字号信息；电子设备获得第二界面中文字对应的行间隔信息。电子设备就可以根据字号信息和行间隔信息在第二界面显示文本信息，并根据相对位置信息在第二界面显示图像信息。在本申请实施例提供的方法中，用户可以用简单直观的拖动图片的操作代替手动打字的操作，节省了用户手动打字消耗的大量时间和精力，用户体验感较好。

Description

一种图片信息的显示方法及相关装置

技术领域

本申请涉及计算机领域，尤其涉及一种图片信息的显示方法及相关装置。

背景技术

随着计算机技术的进步，电子设备的功能越来越强大，用户在电子设备上使用的功能也越来越多。当用户使用电子设备进行编辑工作时，例如用户用编辑软件编辑一篇文档，可能需要参考其他文件内的信息。

目前，用户可以使用电子设备的第一界面显示参考文件，使用第二界面编辑文件。从而用户可以在编辑文件的同时阅读参考文件，用户甚至可以从第一界面的参考文件中复制一段信息粘贴至第二界面正在编辑的文件中。

但当用户使用的参考文件为图片格式时，若用户想在第二界面内插入第一界面中的文本信息，用户只能对照第一界面中的图片格式的资料手动打字输入，消耗了用户大量的时间和精力，导致用户体验较低。

发明内容

本申请提供的一种图片信息的显示方法及相关装置，用于简化用户输入来自图片中的文字信息的操作，节省用户的时间和精力，提高用户的使用体验。

为达到上述目的，本申请采用如下技术方案：

本申请实施例提供了一种图片信息的显示方法，包括：本申请实施例提供的图片信息的显示方法应用于显示第一界面和第二界面的电子设备，其中第二界面为可编辑界面。电子设备检测到用户将第一界面中的目标图片拖动至第二界面，一方面电子设备获得目标图片中的文本信息、图像信息和图像信息与文本信息的相对位置信息；另一方面电子设备获得第二界面中文字对应的文本行高度和/或文本行长度，并根据文本行高度和/或文本行长度得到字号信息；电子设备获得第二界面中文字对应的文本行间隔，并根据文本行间隔得到行间隔信息。然后，电子设备就可以根据字号信息和行间隔信息在第二界面显示文本信息，并根据相对位置信息在第二界面显示图像信息。所述电子设备获得所述目标图片中的文本信息、图像信息和所述图像信息与所述文本信息的相对位置信息可以是响应于检测到用户将第一界面中的目标图片拖动至第二界面的情况下执行的，或是响应于检测到用户将第一界面中的目标图片进行长按和/或拖动的情况下执行的。

由此可知，在本申请实施例提供的图片信息的显示方法中，电子设备可以在按照第二界面的文字的格式，包括第二界面的文字的字号信息和行间隔信息，在第二界面中输入第一界面的图片的文本信息和图片信息，并且在第二界面中显示的文本信息和图片信息的相对位置与第一界面中图片相同，便捷地实现了用户在第二界面手动输入文本信息的效果。如此，本申请实施例提供的图片信息的显示方法，用户可以用简单直观的拖动图片的操作代替手动打字的操作，节省了用户手动打字消耗的大量时间和精力，用户体验感较好。

作为一种可能的实施方式，本申请实施例提供的电子设备检测到用户将第一界面中的目标图片拖动至第二界面，可以为：电子设备检测到用户选中第一界面中的目标区域，电子设备根据目标区域生成目标图片，电子设备检测用户将目标图片拖动至第二界面。即本申请实施例提供目标图片可以为第一界面中存在的目标图片，也可以为电子设备根据第一界面中的目标区域生成的目标图片。

作为一种可能的实施方式，本申请实施例提供的电子设备获得第二界面中文字对应的文本行高度和/或文本行长度，并根据文本行高度和/或文本行长度得到字号信息，包括：电子设备调用光学字符识别模块，获得第二界面中文字对应的文本行高度和/或文本行长度，并调用字号计算模块，根据文本行高度和/或文本行长度得到字号信息。

作为一种可能的实施方式，本申请实施例提供的电子设备获得第二界面中文字对应的文本行间隔，并根据文本行间隔得到行间隔信息，包括：电子设备调用光学字符识别模块，获得第二界面中文字对应的文本行间隔，并调用字号计算模块，根据文本行间隔得到行间隔信息。

作为一种可能的实施方式，本申请实施例提供的图片信息的显示方法还包括：电子设备调用字体识别模块，识别第二界面中的文字的字体信息。例如，本申请实施例提供的字体信息可以为宋体或者楷体。电子设备根据字号信息和行间隔信息在第二界面显示文本信息，包括：电子设备根据字号信息、行间隔信息和字体信息在第二界面显示文本信息。，

作为一种可能的实施方式，本申请实施例提供的图片信息的显示方法，还包括：电子设备调用字体识别模块，识别第二界面中的文字的字体属性信息；本申请实施例提供的字体属性信息可以包括加粗、斜体和下划线等。电子设备根据字号信息、行间隔信息和字体信息在第二界面显示文本信息，包括：电子设备根据字号信息、行间隔信息、字体信息和字体属性信息在第二界面显示文本信息。

作为一种可能的实施方式，本申请实施例提供的电子设备检测到用户将第一界面中的目标图片拖动至第二界面，包括：电子设备检测到用户将第一界面中的目标图片拖动至第二界面的目标位置；电子设备根据字号信息和行间隔信息在第二界面显示文本信息，并根据相对位置信息在第二界面显示图像信息，包括：电子设备根据字号信息和行间隔信息在目标位置显示文本信息，并根据相对位置信息显示图像信息。本申请实施例提供的图片信息的显示方法，通过所检测用户将目标图片拖动至第二界面的目标位置，可以将图片信息显示在用户期望的位置，提高了用户的体验感。

作为一种可能的实施方式，本申请实施例提供的图片信息的显示方法中的第二界面包括多个文字区域；电子设备根据字号信息和行间隔信息在目标位置显示文本信息，并根据相对位置信息显示图像信息，包括：电子设备根据目标文字区域对应的字号信息和目标文字区域对应的行间隔信息在目标位置显示文本信息，目标文字区域为多个文字区域中中心点距离目标位置最近的文字区域。应该理解，第二界面包括多个文字区域时，每个文字区域的格式信息可能存在差别，本申请实施例提供的图片信息的显示方法，可以根据距离目标位置最近的文本区域的格式信息，显示图片信息。作为一个示例，本申请实施例提供文字区域可以包括：文本行对应的文字区域和/或文字端对应的文字区域，本身实施例在此不做限定。

根据上述实施例提供的图片信息的显示方法，本申请实施例还提供了一种图片信息的显示装置，该装置包括：界面显示模块，用于显示第一界面和第二界面；第二界面包括可编辑界面；检测模块，用于检测到用户将第一界面中的目标图片拖动至第二界面；图片信息获得模块，用于获得目标图片中的文本信息、图像信息和图像信息与文本信息的相对位置信息；格式获得模块，用于获得第二界面中文字对应的文本行高度和/或文本行长度，并根据文本行高度和/或文本行长度得到字号信息；电子设备获得第二界面中文字对应的文本行间隔，并根据文本行间隔得到行间隔信息；图片信息显示模块，用于根据字号信息和行间隔信息在第二界面显示文本信息，并根据相对位置信息在第二界面显示图像信息。

作为一种可能的实施方式，本申请实施例提供的检测模块，具体用于：检测到用户选中第一界面中的目标区域，根据目标区域生成目标图片，检测用户将目标图片拖动至第二界面。

作为一种可能的实施方式，本申请实施例提供的图片信息的显示装置还包括：字体识别模块；字体识别模块，用于识别第二界面中的文字的字体信息；图片信息显示模块，具体用于根据字号信息、行间隔信息和字体信息在第二界面显示文本信息。

作为一种可能的实施方式，本申请实施例提供的字体识别模块还用于识别第二界面中的文字的字体属性信息；图片信息显示模块，具体用于根据字号信息、行间隔信息、字体信息和字体属性信息在第二界面显示文本信息。

作为一种可能的实施方式，本申请实施例提供的检测模块用于，检测到用户将第一界面中的目标图片拖动至第二界面的目标位置；图片信息显示模块，用于根据字号信息和行间隔信息在目标位置显示文本信息，并根据相对位置信息显示图像信息。

作为一种可能的实施方式，本申请实施例提供的第二界面包括多个文字区域；图片信息显示模块，具体用于根据目标文字区域对应的字号信息和目标文字区域对应的行间隔信息在目标位置显示文本信息，目标文字区域为多个文字区域中中心点距离目标位置最近的文字区域。

根据上述实施例提供的图片信息的显示方法和图片信息的显示方法，本申请实施例还提供了一种计算设备，该计算设备包括处理器、存储器；处理器用于执行存储器中存储的指令，以使计算设备执行如上述的图片信息的显示方法。

根据上述实施例提供的图片信息的显示方法和图片信息的显示方法，本申请实施例还提供了一种计算机可读存储介质，其特征在于，包括指令，当其在计算设备上运行时，使得计算设备执行如上述的图片信息的显示方法。

根据上述实施例提供的图片信息的显示方法和图片信息的显示方法，本申请实施例还提供了一种包含指令的计算机程序产品，当其在计算设备上运行时，使得计算设备执行执行如上述的图片信息的显示方法。

本申请至少具有以下优点：

本申请实施例提供了一种图片信息的显示方法，包括：本申请实施例提供的图片信息的显示方法应用于显示第一界面和第二界面的电子设备，其中第二界面为可编辑界面。电子设备检测到用户将第一界面中的目标图片拖动至第二界面，一方面电子设备获得目标图片中的文本信息、图像信息和图像信息与文本信息的相对位置信息；另一方面电子设备获得第二界面中文字对应的文本行高度和/或文本行长度，并根据文本行高度和/或文本行长度得到字号信息；电子设备获得第二界面中文字对应的文本行间隔，并根据文本行间隔得到行间隔信息。然后，电子设备就可以根据字号信息和行间隔信息在第二界面显示文本信息，并根据相对位置信息在第二界面显示图像信息。

由此可知，本申请实施例提供的图片信息的显示方法，若用户想在第二界面内插入第一界面中的目标图片的文本信息，可以选中第一界面中的目标图片，然后直接将目标图片拖动至第二界面。电子设备可以在按照第二界面的文字的格式，包括第二界面的文字的字号信息和行间隔信息，在第二界面中输入第一界面的图片的文本信息和图片信息，并且在第二界面中显示的文本信息和图片信息的相对位置与第一界面中图片相同，便捷地实现了用户在第二界面手动输入文本信息的效果。如此，本申请实施例提供的图片信息的显示方法，用户可以用简单直观的拖动图片的操作代替手动打字的操作，节省了用户手动打字消耗的大量时间和精力，用户体验感较好。

附图说明

图1为本申请实施例提供的一种图片信息的显示方法流程图；

图2为本申请实施例提供的一种上下分屏的图片信息显示方法的示意图；

图3为本申请实施例提供的一种左右分屏的图片信息显示方法的示意图；

图4为本申请实施例提供的一种浮窗显示的图片信息显示方法的示意图；

图5为本申请实施例提供的另一种浮窗显示的图片信息显示方法的示意图；

图6为本申请实施例提供的一种包含图像的图片信息的显示方法示意图；

图7为本申请实施例提供的另一种包含图像的图片信息的显示方法示意图；

图8为本申请实施例提供的再一种包含图像信息的图片信息的显示方法示意图；

图9为本申请实施例提供的一种图片信息的显示装置的示意图。

具体实施方式

本申请说明书和权利要求书及附图说明中的术语“第一”、“第二”和“第三”等是用于区别不同对象，而不是用于限定特定顺序。

在本申请实施例中，“示例性的”或者“例如”等词用于表示作例子、例证或说明。本申请实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言，使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。

为了更好地理解本申请实施例提供案，先对本申请实施例提供的方案的应用场景进行介绍。

本申请实施例提供的方案可以应用于具有显示屏的电子设备上。本申请中的电子设备可以是手机(如图1中所示)、平板电脑、桌面型、膝上型、笔记本电脑、超级移动个人计算机(Ultra-mobile Personal Computer，UMPC)、手持计算机、上网本、个人数字助理(Personal Digital Assistant，PDA)、可穿戴电子设备、智能手表等设备，本申请对电子设备的具体形式不做特殊限制。本申请提供的电子设备可以为带有触摸屏的电子设备，也可以使用其他控制方式的电子设备，只要是具有显示屏的电子设备，并且该电子设备可以检测到用户的拖动的操作，就可以应用本申请实施例提供的图片信息的显示方案。

当用户使用带有显示屏的电子设备进行编辑工作时，例如用户可能使用显示屏的第一界面显示参考文件，使用第二界面编辑文件。当用户想从从第一界面的参考文件中复制一段信息粘贴至第二界面正在编辑的文件中，且用户使用的参考文件为图片格式时，用户只能对照第一界面中的图片格式的资料手动打字输入，消耗了用户大量的时间和精力，导致用户体验较低。

为了解决上述的技术问题。本申请实施例提供了一种图片信息的显示方法，该方法通过检测用户的拖动操作，可以直接将第一界面的参考文件中的文本信息复制至第二界面，并且复制的文本信息的格式与第二界面的原有格式保持一致，实现用户手动打字输入的效果，操作简单，节省了用户手动打字消耗的大量时间和精力，用户体验感较好。

参见图1，该图为本申请实施例提供的一种图片信息的显示方法流程图。

如图1所示，本申请实施例提供的图片信息的显示方法，包括：

S101：电子设备显示第一界面和第二界面；第二界面包括可编辑界面。

S102：电子设备检测到用户将第一界面中的目标图片拖动至第二界面。

S103：电子设备获得目标图片中的文本信息、图像信息和图像信息与文本信息的相对位置信息。

S104：电子设备获得第二界面中文字对应的文本行高度和/或文本行长度，并根据文本行高度和/或文本行长度得到字号信息；电子设备获得第二界面中文字对应的文本行间隔，并根据文本行间隔得到行间隔信息。

S105：电子设备根据字号信息和行间隔信息在第二界面显示文本信息，并根据相对位置信息在第二界面显示图像信息。

为了方便介绍，本申请实施例将目标图片中的文本信息、图像信息和图像信息与文本信息的相对位置信息统称为目标图片中的图片信息。本申请实施例将第二界面中文字对应的字号信息和行间隔信息统称为第二界面中文字对应的格式信息。即本申请实施例提供的图片信息包括目标图片中的文本信息、图像信息和图像信息与文本信息的相对位置信息，本申请实施例提供的格式信息包括第二界面中文字对应的字号信息和行间隔信息。

本申请实施例不限制电子设备检测用户将第一界面中的目标图片拖动至第二界面的具体形式。作为一种可能的实施方式，当本申请实施例提供的电子设备具有触摸的显示屏时，电子设备可以检测用户的手指选中目标图片后，拖动目标图片至第二界面。作为另一种可能的实施方式，当本申请实施例提供的电子设备由用户操作的光标进行控制时，电子设备可以检测用户操作的光标选中目标图片后，拖动目标图片至第二界面。只要能检测到拖动目标图片的操作的电子设备都可以应用本申请实施例提供的方案。

本申请实施例提供的目标图片中可以包含文本信息、图片信息和文本与图片信息的相对位置关系。为了更好地理解本申请实施例提供的图片信息显示方法，下面先以目标图片中的文本信息为例，介绍本申请实施例提供的图片信息的显示方法。

参见图2，该图为本申请实施例提供的一种上下分屏的图片信息显示方法的示意图。

如图2中左侧图所示，本申请实施例提供的电子设备上下分屏显示第一界面100和第二界面200。第一界面100显示目标图片300，第二界面200为可编辑界面，第二界面200包括文字内容(图片内容包括：)。

如图2中右侧图所示，电子设备检测到用户将第一界面100中的目标图片300拖动至第二界面200。电子设备获得目标图片300中的图片信息(ABCDEF)。电子设备根据第二界面200中文字(图片内容包括：)的格式信息在第二界面200显示图片信息(ABCDEF)，即第二界面上显示的“图片内容包括：”和“ABCDEF”的格式相同。

本申请实施例提供的图片信息的显示方法中的第一界面和第二界面可以为左右分屏，也可以为上下分屏，下面介绍第一界面和第二界面上下分屏的方案。

参见图3，该图为本申请实施例提供的一种左右分屏的图片信息显示方法的示意图。

如图3中左侧图所示，本申请实施例提供的电子设备左右分屏显示第一界面100和第二界面200。第一界面100显示目标图片300，第二界面200为可编辑界面，第二界面200包括文字内容(图片内容包括：)。

如图3中右侧图所示，电子设备检测到用户将第一界面100中的目标图片300拖动至第二界面200。电子设备获得目标图片300中的图片信息(ABCDEF)。电子设备根据第二界面200中文字(图片内容包括：)的格式信息在第二界面200显示图片信息(ABCDEF)，即第二界面上显示的“图片内容包括：”和“ABCDEF”的格式相同。

需要说明的是，本申请实施例提供的左右分屏的电子设备可以为折叠屏的电子设备。折叠屏的电子设备具有左屏和右屏，其中左屏可以显示第一界面，右屏可以显示第二界面，电子设备检测到用户将左屏的目标图片拖动至右屏，该电子设备根据右屏的文字的格式信息显示目标图片中的图片信息。当然，左屏也可以显示第二界面，右屏也可以显示第一界面，本申请实施例在此不做赘述。

本申请实施例提供的第一界面和第二界面可以为分屏显示的两个界面，也可以为一个主界面和一个浮窗显示的界面。下面介绍第一界面和第二界面分为主界面和浮窗界面的方案。

参见图4，该图为本申请实施例提供的一种浮窗显示的图片信息显示方法的示意图。

如图4中左侧图所示，本申请实施例提供的电子设备上显示的主界面为第一界面100，浮窗显示的浮窗界面为第二界面200。第一界面100显示目标图片300，第二界面200为可编辑界面，第二界面200包括文字内容(图片内容包括：)。

如图4中右侧图所示，电子设备检测到用户将第一界面100中的目标图片300拖动至第二界面200。电子设备获得目标图片300中的图片信息(ABCDEF)。电子设备根据第二界面200中文字(图片内容包括：)的格式信息在第二界面200显示图片信息(ABCDEF)，即第二界面上显示的“图片内容包括：”和“ABCDEF”的格式相同。

本申请实施例提供的第一界面也可以为浮窗界面，第二界面也可以为主界面。本申请实施例提供的图片信息的显示方法可以为在主界面上显示浮窗界面中目标图片的图片信息，下面结合附图对此进行介绍。

参见图5，该图为本申请实施例提供的另一种浮窗显示的图片信息显示方法的示意图。

如图5中左侧图所示，本申请实施例提供的电子设备上显示的主界面为第二界面200，浮窗显示的浮窗界面为第一界面100。第一界面100显示目标图片300，第二界面200为可编辑界面，第二界面200包括文字内容(图片内容包括：)。

如图5中右侧图所示，电子设备检测到用户将第一界面100中的目标图片300拖动至第二界面200。电子设备获得目标图片300中的图片信息(ABCDEF)。电子设备根据第二界面200中文字(图片内容包括：)的格式信息在第二界面200显示图片信息(ABCDEF)，即第二界面上显示的“图片内容包括：”和“ABCDEF”的格式相同。

由此可知，本申请实施例不限制电子设备的第一界面和第二界面的具体显示形式。应该理解，只要能在显示屏上显示的两个界面，都可以为本申请实施例提供的第一界面和第二界面。作为一种可能的实施方式，本申请实施例提供的第一界面还可以为图库界面，本申请实施例中的用户可以直接将电子设备图库中的图片拖动至第二界面，电子设备自动在第二界面显示图片中的图片信息。

需要说明的是，本申请实施例提供的图片信息的显示方法，电子设备可以先获得第二界面中的文字格式信息，再获得目标图片中的图片信息；电子设备还可以同时获得第二界面中的文字格式信息和目标图片信息，本申请实施例在此不做限定。作为一个示例，本申请实施例中的图片信息可以包括图片中的文本、图像、表格中的至少一个，本申请实施例中的格式信息可以包括字体、字号、字体属性、行间隔中的至少一个。作为一个示例，本申请实施例提供的电子设备获得目标图片中的图片信息，包括：电子设备调用光学字符识别模块(Optical Character Recognition，OCR)，识别目标图片中的文本信息。

综上所述，本申请实施例提供的图片信息的显示方法，用户可以直接拖动第一界面中的目标图片至第二界面，就可以复制第一界面中的图片信息至第二界面。且复制的图片信息与第二界面中文字的格式一致，实现了用户参照目标图片手动打字的效果。因此，本申请提供的方案在实现用户手动打字的效果的同时，节省了用户手动打字消耗的时间和精力，提升了用户的的体验感。

为了减少电子设备的反应时间，本申请实施例提供的电子设备还可以在检测到用户选中第一界面中的目标图片后就开始获得目标图片中的图片信息。即本申请实施例提供的电子设备在用户选中目标图片，但用户可能还没有将目标图片拖动至第二界面时，就开始识别目标图片中的图片信息。如此，本申请实施提供的电子设备对用户操作的反馈及时性较好，进一步提高了用户的体验。

在实际的应用中，第二界面可能有不存在文字的情况。本申请实施例提供的图片信息的显示方法，在检测到第二界面中不包含文字时，可以根据预设的格式信息在第二界面中显示图片信息。作为一个示例，预设的格式信息可以包括：宋体、12号字和单倍行距。

在一些可能的实现方式中，本申请实施例中的电子设备检测到用户将第一界面中的目标图片拖动至第二界面，可以包括：电子设备检测到用户选中第一界面中的目标区域，电子设备根据目标区域生成目标图片，电子设备检测到用户将目标图片拖动至第二界面。应该理解，当第一界面中不包含图片时，本申请实施例提供的图片信息的显示方法，可以根据用户选择的目标区域，对第一界面显示的画面进行截屏，得到与目标区域对应的目标图片。当第一界面中包含图片，但用户只想得到图片中部分的图片信息时，用户也可以在图片上选择目标区域，电子设备根据目标区域对第一界面中的图片进行切图，只截取在目标区域内的图片，获得一个新的目标图片。

本申请实施例提供的图片信息中除了文本信息还可以包括：图像信息和图像信息与文本信息的相对位置信息。本申请实施例中的电子设备根据格式信息在第二界面显示图片信息，包括：电子设备根据格式信息在第二界面显示文本信息；电子设备根据相对位置信息在第二界面显示图像信息。本申请实施例提供的图像信息包括图像、表格等格式的信息。下面以图像作为示例，对本申请实施例提供的图片信息包含图像信息和图像信息与文本信息的相对位置信息进行具体介绍。

参见图6，该图为本申请实施例提供的一种包含图像的图片信息的显示方法示意图。

如图6所示，本申请实施例提供的电子设备显示第一界面100，第二界面200。第一界面100包括目标图片300。目标图片300对应的图片信息包含文本信息“ABCDEF”、图像信息(如目标图片300中的人形所示)和图像信息与文本信息的相对位置关系(图像信息在文本信息的下方)。第二界面为可编辑界面，第二界面包含文字“图片内容包括：”。

电子设备根据第二界面中的文字“图片内容包括：”的格式，在第二界面中显示文本信息“ABCDEF”。电子设备还根据图像信息与文本信息的相对位置关系(图像信息在文本信息的下方)，在文本信息“ABCDEF”的下方显示图像信息。具体地，电子设备可以对图像信息所在的目标图片的区域进行截图，获得图像信息对应的图像图片400，然后根据文本信息和图像信息的位置关系，在第二界面中显示图像图片400。

上述为文本信息在图像信息的上方的情况，为了更好地理解本申请实施例提供的方案，下面结合附图介绍文本信息在图像信息下面的情况。

参见图7，该图为本申请实施例提供的另一种包含图像的图片信息的显示方法示意图。

如图7所示，本申请实施例提供的目标图片300中的文本信息“ABCDEF”在图像信息(如目标图片300中的人形所示)的下方时，第二界面200显示的文本“ABCDEF”也在图像图片400的下方。

本申请实施例中的文本信息和图像信息可以存在多种相对位置关系。例如，文本信息和图像信息的相对位置可以包括：文本信息在图像信息的上方、文本信息在图像信息的下方、文本信息和图像信息重叠并且文本信息在前，和文本信息和图像信息重叠并且文本信息在后，本申请实施例在此不做限定。

在实际的应用中，图片信息中也可能只包含图像信息，不包含文本信息。下面结合附图对这种情况进行介绍。

参见图8，该图为本申请实施例提供的再一种包含图像信息的图片信息的显示方法示意图。

如图8所述，本申请实施例提供的目标图片300仅包含图像信息(如目标图片300中的人形所示)，电子设备可以直接复制第一界面100中的目标图片，然后再在第二界面200中直接显示目标图片300。应该理解，当第一界面100中的目标图片300不包含文本信息时，本申请实施例提供的电子设备可以不获取第二界面200中文字对应的格式信息，而是直接在第二界面200中粘贴目标图片300。

需要说明的是，本申请实施例提供的图像信息除了可以包括图像以外，还可以包括表格。当图像信息包括表格时，本申请实施例提供的图片信息的显示方法类似于图像信息包括图像。本申请式实施例提供的图片信息的显示方法，也可以对表格所在的目标图片的区域进行截图，获得表格对应的图像图片400，然后根据文本信息和表格的位置关系，在第二界面中显示表格。本申请实施例在此不做赘述。

本申请实施例提供的格式信息可以包括字体信息、字体属性信息、字号信息和行间隔信息中的至少一个。为了更好地理解本申请实施例提供的方案，下面对上述的格式信息的具体实施方式进行介绍。

本申请实施例提供的格式信息可以包括：字体信息和/或字体属性信息。相应地，电子设备获得第二界面中的文字的格式信息，包括：电子设备调用字体识别模块，识别第二界面中的文字的字体信息和/或字体属性信息。例如，本申请实施例提供的字体信息可以为宋体或者楷体，本申请实施例提供的字体属性信息可以包括加粗、斜体和下划线等。

本申请实施例提供的格式信息还可以包括：字号信息。相应地，电子设备获得第二界面中的文字的格式信息，包括：电子设备调用光学字符识别模块，获得第二界面中文字对应的文本行高度和/或文本行长度；电子设备调用字号计算模块，根据文本行高度和/或文本行长度得到字号信息。

作为一种可能的实施方式，本申请实施例可以调用光学字符识别模块，获得第二界面文字中文本行的高度，一行文本行的高度即这行文本行中字符的高度。电子设备可以调用字号计算模块，根据字符的高度获得字符对应的字号信息。进一步地，为了使得获得的文本行的高度更准确，还可以获得多行文本行的高度，再计算多行文本行高度的平均值。

作为另一种可能的实施方式，本申请实施例可以调用光学字符识别模块，获得第二界面文字中一行文本行的长度和这行文本行的字符个数，本申请实施例提供的电子设备可以调用字号计算模块根据文本行的长度和字符个数可以计算每个字符的宽度，然后根据字符的宽度获得字符对应的字号信息。在本申请实施例中，为了使得获得的字号信息更加准确，以上的两种实施方式，还可以同时实施。即本申请实施例提供的方法可以调用光学字符识别模块获得文本行的高度和文本行的长度，然后调用字号计算模块根据字符的宽度和高度获得字符对应的字号信息。

本申请实施例提供的格式信息可以包括：行间隔信息。相应地，电子设备获得第二界面中的文字的格式信息，包括：电子设备调用光学字符识别模块，获得第二界面中文字对应的文本行间隔；电子设备调用字号计算模块，根据文本行间隔得到行间隔信息。应该理解，为了使得获得的行间隔信息更加准确，本申请实施例提供的电子设备可以调用光学字符识别模块获得多个文本行的间隔，再调用字号计算模块计算多个文本行的平均间隔，得到行间隔信息。

作为一种可能的实施方式，电子设备检测到用户将第一界面中的目标图片拖动至第二界面，可以包括：电子设备检测到用户将第一界面中的目标图片拖动至第二界面的目标位置。相应地，电子设备根据格式信息在第二界面显示图片信息，包括：电子设备根据格式信息在目标位置显示图片信息。应该理解，目标位置即用户期望图片信息在第二界面的放置位置。本申请实施例提供的图片信息的显示方法，通过所检测用户将目标图片拖动至第二界面的目标位置，可以将图片信息显示在用户期望的位置，提高了用户的体验感。

在实际的应用中，第二界面可能包括多个文字区域。相应地，电子设备检测到用户将第一界面中的目标图片拖动至第二界面，包括：电子设备检测到用户将第一界面中的目标图片拖动至第二界面的目标位置；电子设备根据格式信息在第二界面显示图片信息，包括：电子设备根据目标文字区域对应的格式信息在目标位置显示图片信息；目标文字区域为多个文字区域中中心点距离目标位置最近的文字区域。应该理解，第二界面包括多个文字区域时，每个文字区域的格式信息可能存在差别，本申请实施例提供的图片信息的显示方法，可以根据距离目标位置最近的文本区域的格式信息，显示图片信息。作为一个示例，本申请实施例提供文字区域可以包括：文本行对应的文字区域和/或文字端对应的文字区域，本身实施例在此不做限定。

综上所述，由此可知，本申请实施例提供的图片信息的显示方法，若用户想在第二界面内插入第一界面中的目标图片的文本信息，可以选中第一界面中的目标图片，然后直接将目标图片拖动至第二界面。电子设备可以在按照第二界面的文字的格式，包括第二界面的文字的字号信息和行间隔信息，在第二界面中输入第一界面的图片的文本信息和图片信息，并且在第二界面中显示的文本信息和图片信息的相对位置与第一界面中图片相同，便捷地实现了用户在第二界面手动输入文本信息的效果。如此，本申请实施例提供的图片信息的显示方法，用户可以用简单直观的拖动图片的操作代替手动打字的操作，节省了用户手动打字消耗的大量时间和精力，用户体验感较好。

根据上述实施例提供的图片信息的显示方法，本申请实施例还提供了一种图片信息的显示装置。

参见图9，该图为本申请实施例提供的一种图片信息的显示装置的示意图。

如图9所示，本申请实施例提供的图片信息的显示装置包括：

界面显示模块901，用于显示第一界面和第二界面；第二界面包括可编辑界面；

检测模块902，用于检测到用户将第一界面中的目标图片拖动至第二界面；

图片信息获得模块903，用于获得目标图片中的文本信息、图像信息和图像信息与文本信息的相对位置信息；

格式获得模块904，用于获得第二界面中文字对应的文本行高度和/或文本行长度，并根据文本行高度和/或文本行长度得到字号信息；电子设备获得第二界面中文字对应的文本行间隔，并根据文本行间隔得到行间隔信息；

图片信息显示模块905，用于根据字号信息和行间隔信息在第二界面显示文本信息，并根据相对位置信息在第二界面显示图像信息。

由此可知，本申请实施例提供的图片信息的显示装置，用户可以选中第一界面中的目标图片，然后直接将目标图片拖动至第二界面，本申请实施例提供的图片信息的显示装置就可以在按照第二界面的文字的格式，在第二界面中输入第一界面的图片的文本信息，便捷地实现了用户在第二界面手动输入文本信息的效果，节省了用户手动打字消耗的大量时间和精力，用户体验感较好。

作为一种可能的实施方式，本申请实施例提供的检测模块，具体用于：检测到用户选中第一界面中的目标区域，根据目标区域生成目标图片，检测用户将目标图片拖动至第二界面。

作为一种可能的实施方式，本申请实施例提供的图片信息的显示装置还包括：字体识别模块；字体识别模块，用于识别第二界面中的文字的字体信息；图片信息显示模块，具体用于根据字号信息、行间隔信息和字体信息在第二界面显示文本信息。

作为一种可能的实施方式，本申请实施例提供的字体识别模块还用于识别第二界面中的文字的字体属性信息；图片信息显示模块，具体用于根据字号信息、行间隔信息、字体信息和字体属性信息在第二界面显示文本信息。

作为一种可能的实施方式，本申请实施例提供的检测模块用于，检测到用户将第一界面中的目标图片拖动至第二界面的目标位置；图片信息显示模块，用于根据字号信息和行间隔信息在目标位置显示文本信息，并根据相对位置信息显示图像信息。

作为一种可能的实施方式，本申请实施例提供的图片信息的显示装置中的第二界面包括多个文字区域；图片信息显示模块，具体用于根据目标文字区域对应的字号信息和目标文字区域对应的行间隔信息在目标位置显示文本信息，目标文字区域为多个文字区域中中心点距离目标位置最近的文字区域。

综上所述，本申请实施例提供的图片信息的显示装置，当用户需要在第二界面输入第一界面中的目标图片的图片信息时，可以直接拖动第一界面中的图片至第二界面的目标位置。本申请实施例提供的图片信息的显示装置就可以按照第二界面中的格式信息显示第一界面中的图片信息。如此，用户可以用简单直观的拖动图片的操作实现在第二界面输入目标图片中的图片信息，提高了用户的使用体验。

根据上述实施例提供的图片信息的显示方法和图片信息的显示装置，本申请实施例还提供了一种计算设备。该计算设备包括处理器、存储器。其中，处理器用于执行存储器中存储的指令，以使计算设备执行如上述实施例中的图片信息的显示方法。

根据上述实施例提供的图片信息的显示方法和图片信息的显示装置，本申请实施例还提供了一种计算机可读存储介质，其特征在于，包括指令，当其在计算设备上运行时，使得计算设备执行如上述实施例中的图片信息的显示方法。

根据上述实施例提供的图片信息的显示方法和图片信息的显示装置，本申请实施例还提供了一种包含指令的计算机程序产品，当其在计算设备上运行时，使得计算设备执行执行如上述实施例中的图片信息的显示方法。

通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本实施例所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本实施例各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器执行各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：快闪存储器、移动硬盘、只读存储器、随机存取存储器、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何在本申请揭露的技术范围内的变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。

Claims (18)

1.一种图片信息的显示方法，其特征在于，包括：

电子设备显示第一界面和第二界面；所述第二界面包括可编辑界面；

所述电子设备检测到用户将所述第一界面中的目标图片拖动至所述第二界面；

所述电子设备获得所述目标图片中的文本信息、图像信息和所述图像信息与所述文本信息的相对位置信息；

所述电子设备获得第二界面中文字对应的文本行高度和/或文本行长度，并根据所述文本行高度和/或所述文本行长度得到字号信息；所述电子设备获得第二界面中文字对应的文本行间隔，并根据所述文本行间隔得到行间隔信息；

所述电子设备根据所述字号信息和所述行间隔信息在所述第二界面显示所述文本信息，并根据所述相对位置信息在所述第二界面显示所述图像信息。

2.根据权利要求1所述的方法，其特征在于，所述电子设备检测到用户将所述第一界面中的目标图片拖动至所述第二界面，包括：

所述电子设备检测到用户选中第一界面中的目标区域，所述电子设备根据所述目标区域生成目标图片，所述电子设备检测用户将所述目标图片拖动至第二界面。

3.根据权利要求1所述的方法，其特征在于，所述电子设备获得第二界面中文字对应的文本行高度和/或文本行长度，并根据所述文本行高度和/或所述文本行长度得到字号信息，包括：

所述电子设备调用光学字符识别模块，获得第二界面中文字对应的文本行高度和/或文本行长度，并调用字号计算模块，根据所述文本行高度和/或所述文本行长度得到字号信息。

4.根据权利要求1所述的方法，其特征在于，所述电子设备获得第二界面中文字对应的文本行间隔，并根据所述文本行间隔得到行间隔信息，包括：

所述电子设备调用光学字符识别模块，获得第二界面中文字对应的文本行间隔，并调用字号计算模块，根据所述文本行间隔得到行间隔信息。

5.根据权利要求1所述的方法，其特征在于，还包括：

所述电子设备调用字体识别模块，识别所述第二界面中的文字的字体信息；

所述电子设备根据所述字号信息和所述行间隔信息在所述第二界面显示所述文本信息，包括：

所述电子设备根据所述字号信息、所述行间隔信息和所述字体信息在所述第二界面显示所述文本信息。

6.根据权利要求5所述的方法，其特征在于，还包括：

所述电子设备调用字体识别模块，识别所述第二界面中的文字的字体属性信息；

所述电子设备根据所述字号信息、所述行间隔信息和所述字体信息在所述第二界面显示所述文本信息，包括：

所述电子设备根据所述字号信息、所述行间隔信息、所述字体信息和所述字体属性信息在所述第二界面显示所述文本信息。

7.根据权利要求1所述的方法，其特征在于，所述电子设备检测到用户将所述第一界面中的目标图片拖动至所述第二界面，包括：

所述电子设备检测到用户将所述第一界面中的目标图片拖动至所述第二界面的目标位置；

所述电子设备根据所述字号信息和所述行间隔信息在所述第二界面显示所述文本信息，并根据所述相对位置信息在所述第二界面显示所述图像信息，包括：

所述电子设备根据所述字号信息和所述行间隔信息在所述目标位置显示所述文本信息，并根据所述相对位置信息显示所述图像信息。

8.根据权利要求7所述的方法，其特征在于，所述第二界面包括多个文字区域；

所述电子设备根据所述字号信息和所述行间隔信息在所述目标位置显示所述文本信息，并根据所述相对位置信息显示所述图像信息，包括：

所述电子设备根据目标文字区域对应的所述字号信息和所述目标文字区域对应的所述行间隔信息在所述目标位置显示所述文本信息，所述目标文字区域为所述多个文字区域中中心点距离所述目标位置最近的文字区域。

9.根据权利要求8所述的方法，其特征在于，所述文字区域包括：文本行对应的文字区域和/或文本段对应的文字区域。

10.一种图片信息的显示装置，其特征在于，包括：

界面显示模块，用于显示第一界面和第二界面；所述第二界面包括可编辑界面；

检测模块，用于检测到用户将所述第一界面中的目标图片拖动至所述第二界面；

图片信息获得模块，用于获得所述目标图片中的文本信息、图像信息和所述图像信息与所述文本信息的相对位置信息；

格式获得模块，用于获得第二界面中文字对应的文本行高度和/或文本行长度，并根据所述文本行高度和/或所述文本行长度得到字号信息；所述电子设备获得第二界面中文字对应的文本行间隔，并根据所述文本行间隔得到行间隔信息；

图片信息显示模块，用于根据所述字号信息和所述行间隔信息在所述第二界面显示所述文本信息，并根据所述相对位置信息在所述第二界面显示所述图像信息。

11.根据权利要求10所述的装置，其特征在于，所述检测模块，具体用于：检测到用户选中第一界面中的目标区域，根据所述目标区域生成目标图片，检测用户将所述目标图片拖动至第二界面。

12.根据权利要求10所述的装置，其特征在于，还包括：字体识别模块；

所述字体识别模块，用于识别所述第二界面中的文字的字体信息；

所述图片信息显示模块，具体用于根据所述字号信息、所述行间隔信息和所述字体信息在所述第二界面显示所述文本信息。

13.根据权利要求12所述的装置，其特征在于，所述字体识别模块还用于识别所述第二界面中的文字的字体属性信息；

所述图片信息显示模块，具体用于根据所述字号信息、所述行间隔信息、所述字体信息和所述字体属性信息在所述第二界面显示所述文本信息。

14.根据权利要求10所述的装置，其特征在于，所述检测模块用于，检测到用户将所述第一界面中的目标图片拖动至所述第二界面的目标位置；

所述图片信息显示模块，用于根据所述字号信息和所述行间隔信息在所述目标位置显示所述文本信息，并根据所述相对位置信息显示所述图像信息。

15.根据权利要求14所述的装置，其特征在于，所述第二界面包括多个文字区域；

所述图片信息显示模块，具体用于根据目标文字区域对应的所述字号信息和所述目标文字区域对应的所述行间隔信息在所述目标位置显示所述文本信息，所述目标文字区域为所述多个文字区域中中心点距离所述目标位置最近的文字区域。

16.一种计算设备，其特征在于，包括处理器、存储器；

所述处理器用于执行所述存储器中存储的指令，以使所述计算设备执行如权利要求1至9任一项所述的方法。

17.一种计算机可读存储介质，其特征在于，包括指令，当其在计算设备上运行时，使得所述计算设备执行如权利要求1至9中任一项所述的方法。

18.一种包含指令的计算机程序产品，当其在计算设备上运行时，使得所述计算设备执行执行如权利要求1至9中任一项所述的方法。

Images