CN113515221B - 基于电子文档的图片和文字对照展示方法及装置 - Google Patents

Abstract

本发明公开了一种基于电子文档的图片和文字对照展示方法及装置，涉及计算机技术领域。该方法包括：在电子文档的显示页面的第一展示区域中展示目标物的文字描述，在第二展示区域中展示目标物的图片；获取鼠标点击指令，当鼠标点击指令触发图片中的目标物的第一部分时，通过预设的关联关系确定文字描述中与第一部分关联的第一关键词并高亮显示；当鼠标点击指令触发文字描述中的目标物的第二关键词时，通过关联关系确定图片中与第二关键词关联的第二部分并突出显示。本发明适用于需要图片与文字对照说明的场景，能够使用户直接看到与文字描述的关键词对应的部分的图像，减少用户的学习成本，提高了用户的信息获取效率，提高了用户体验度。

Description

基于电子文档的图片和文字对照展示方法及装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种基于电子文档的图片和文字对照展示方法及装置。

背景技术

目前，涉及需要需用同时使用文字和图片的场景，通常是使用文字及图片对照的方式进行展示，例如，以产品说明书为例，通过在文字中添加产品的每个部件的标号，在对照的图片中产品的相应位置处添加对应的标号，将具体的文字描述与图片中形象的部件联系起来，以使用户了解产品的结构。

然而，当产品较为精密或部件较多时，繁多的标号给用户的查阅带来了不便，需要对照文字描述在图中逐个标号查看确定部件，导致用户阅读理解产品说明书的时间变长，降低了信息获取效率，导致用户体验变差。

发明内容

本发明所要解决的技术问题是针对现有技术的不足，提供一种基于电子文档的图片和文字对照展示方法及装置。

本发明解决上述技术问题的技术方案如下：

一种基于电子文档的图片和文字对照展示方法，包括：

在电子文档的显示页面的第一展示区域中展示目标物的文字描述，在第二展示区域中展示所述目标物的图片；

获取鼠标点击指令，当所述鼠标点击指令触发所述图片中的所述目标物的第一部分时，通过预设的关联关系确定所述文字描述中与所述第一部分关联的第一关键词，并对所述第一关键词进行高亮显示；

当所述鼠标点击指令触发所述文字描述中的所述目标物的第二关键词时，通过所述关联关系确定所述图片中与所述第二关键词关联的第二部分，并对所述第二部分进行突出显示；

其中，所述第一部分为所述图片中的所述目标物的任意一个部分，所述第二部分为所述图片中的所述目标物的任意一个部分，所述第一关键词为所述文字描述中所述目标物的任意一个关键词，所述第二关键词为所述文字描述中所述目标物的任意一个关键词。

本发明解决上述技术问题的另一种技术方案如下：

一种存储介质，所述存储介质中存储有指令，当计算机读取所述指令时，使所述计算机执行如上述技术方案所述的基于电子文档的图片和文字对照展示方法。

本发明解决上述技术问题的另一种技术方案如下：

一种基于电子文档的图片和文字对照展示装置，包括：

存储器，用于存储计算机程序；

处理器，用于执行所述计算机程序，实现如上述技术方案所述的基于电子文档的图片和文字对照展示方法。

本发明的有益效果是：本发明提供的图片和文字的对照展示方式，适用于需要图片与文字对照说明的场景，通过捕捉用户的鼠标点击指令，当用户通过鼠标点击文字描述部分的关键词时，可以触发图片中对应部分进行突出显示；当用户通过鼠标点击图片部分的部分时，可以触发文字描述中的对应关键词进行高亮显示，从而便于用户在繁多的部分中及时地找到对应的部分，能够使用户直接看到与文字描述的关键词对应的部分的图像，减少用户的学习成本，提高了用户的信息获取效率，提高了用户体验度。

本发明附加的方面的优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明实践了解到。

附图说明

图1为本发明展示方法的实施例提供的流程示意图；

图2为本发明展示方法的实施例提供的电子文档显示示意图；

图3为本发明展示装置的实施例提供的结构框架图。

具体实施方式

以下结合附图对本发明的原理和特征进行描述，所举实施例只用于解释本发明，并非用于限定本发明的范围。

如图1所示，为本发明展示方法的实施例提供的流程示意图，该图片和文字对照展示方法基于电子文档实现，包括：

S1，在电子文档的显示页面的第一展示区域中展示目标物的文字描述，在第二展示区域中展示目标物的图片；

需要说明的是，电子文档可以是pdf形式、word形式、PPT形式、网页形式或自编写程序，电子文档可以是产品的说明书、公式的说明、用于展示说明的PPT或地图等需要同时展示图片和对应文字的文档。

基于上述理解，目标物可以是厂商生产的产品，如手机、空调、遥控器或电脑等；也可以是数学公式，那么文字描述可以为公式中每个符号的含义，或者对该公式的说明；目标物也可以是地图，那么文字描述可以为地图中的国家名称、省份名称、建筑名称或街道名称等。

以目标物是手机为例，图片中的部分可以理解为手机的各个部件，如屏幕、电源按键、摄像头和接口等，那么文字描述可以为对手机中这些部件功能的描述，文字描述中的关键词可以为这些部件的名称；

以目标物是公式为例，图片中的部分可以理解为公式的各个符号，如f(x)、π和Σ等，那么文字描述可以为对公式中这些符号含义的描述，文字描述中的关键词可以为这些符号的名称；以目标物是某国地图为例，图片中的部分可以理解为地图的各个省份，如A省、B省和C省等，那么文字描述可以为对地图中这些省份的简介，文字描述中的关键词可以为这些省份的名称。为便于说明和理解，以下各实施方式的说明中默认目标物为产品，图片中的部分为产品的部件。

S2，获取鼠标点击指令，当鼠标点击指令触发图片中的目标物的第一部分时，执行S31；当鼠标点击指令触发文字描述中的目标物的第二关键词时，执行S32；

需要说明的是，可以通过在标签和关键词中添加鼠标点击事件，通过事件触发的方式捕捉鼠标点击指令。

应理解，文字描述的关键词可以为产品的部件的名称，例如，如图2所示，以空调遥控器为例，右边图片中的部件可以包括模式键、开关键和风速键等，那么文字描述中的模式键、开关键和风速键就是关键词。

可选地，关键词可以根据实际需求选择设置，也可以是一个字、一句话、一行文字、一个段落或一个章节等，例如，假设文字描述中的某一段是对A部件的描述，那么在用户的鼠标点击A部件时，可以高亮显示该段描述，或者当用户的鼠标点击该段描述范围内的任意一点时，突出显示A部件，从而便于用户直观地掌握每段描述与部件的对应关系，方便地知道当前文字是在描述哪个部件。

关键词还可以是图形，例如，可以是图片或符号等，例如，如图2所示，为了更加便于掌握空调遥控器的按键，仅仅通过文字描述可能不够直观，此时可以在文字描述中加入开关键的符号，将开关键的符号作为关键词，从而更加清楚地展示出哪个是开关键，相比于文字，用户对图形的相似性更加敏感，从而可以进一步提高用户的体验度。

S31，通过预设的关联关系确定文字描述中与第一部分关联的第一关键词，并对第一关键词进行高亮显示；

需要说明的是，用户可以根据实际需求选择高亮显示的具体效果，例如，可以以超链接的形式进行显示，也可以以特殊颜色的字体进行显示，或者为关键词添加闪烁、放大或加粗等特效进行显示，还可以添加特定颜色的底纹进行显示。

应理解，以网页页面为例，这些效果可以通过网页渲染技术实现，通过为关键词添加不同的特效图层，实现高亮显示效果。

S32，通过关联关系确定图片中与第二关键词关联的第二部分，并对第二部分进行突出显示；

需要说明的是，用户可以根据实际需求选择突出显示的具体效果，例如，可以在图片中添加图形，如箭头等，可以将所有的部件上添加指向每个部件的箭头，所有箭头预先隐藏，当需要突出显示时，可以显示箭头，以指明对应的部件。也可以预先显示所有的箭头，当需要突出显示时，可以为箭头添加闪烁、放大或加粗等特效，以提示用户对应的部件。

应理解，以网页页面为例，这些效果可以通过网页渲染技术实现，通过为关键词添加不同的特效图层，实现高亮显示效果。

可选地，还可以当需要对第二部分进行突出显示时，降低图片中除第二部分以外其余区域的色彩饱和度、灰度和图像清晰度中的至少一种，以突出显示第二部分。

可选地，还可以将目标物中各个部分的图像进行拆解，分别将每个部分作为不同的图层，叠加在一起作为目标物的整体图片，当需要对第二部分进行突出显示时，可以通过将第二部分的图层进行缩放处理，单独放大第二部分，从而便于更好地突出显示第二部分。

其中，第一部分为图片中的目标物的任意一个部分，第二部分为图片中的目标物的任意一个部分，第一关键词为文字描述中目标物的任意一个关键词，第二关键词为文字描述中目标物的任意一个关键词。

例如，以通过标签在网页页面突出显示部件为例，在进行网页布局开发时，可以预先设定两个显示区域，分别用于显示产品的图片和文字描述，然后通过调用函数等方式，将关键词与图片中相应部件的位置处添加的标签进行关联和映射，从而实现对照显示。

本实施例提供的图片和文字的对照展示方式，需要图片与文字对照说明的场景，通过捕捉用户的鼠标点击指令，当用户通过鼠标点击文字描述部分的关键词时，可以触发图片中对应部分进行突出显示；当用户通过鼠标点击图片部分的部分时，可以触发文字描述中的对应关键词进行高亮显示，从而便于用户在繁多的部分中及时地找到对应的部分，能能够使用户直接看到与文字描述的关键词对应的部分的图像，减少用户的学习成本，提高了用户的信息获取效率，提高了用户体验度。

可选地，在一些可能的实施方式中，对第一关键词进行高亮显示，具体包括：

以超链接的形式显示第一关键词。

通过超链接的形式显示第一关键词，能够便于用户直观地看到哪些词是关键词，便于提示用户进行点击，降低用户的使用成本。

可选地，在一些可能的实施方式中，对第一关键词进行高亮显示，具体包括：

为第一关键词添加预设颜色的底纹，进行显示。

需要说明的是，预设颜色可以根据实际需求设置，例如，可以为黄色，具有更加醒目的效果。如图2所示，给出了一种添加底纹的关键词高亮显示方法，对模式键使用预设颜色的底纹进行了高亮显示。

可选地，在一些可能的实施方式中，对第一关键词进行高亮显示，具体包括：

将第一关键词以预设样式进行显示。

需要说明的是，预设样式可以根据实际需求设置，例如，可以将第一关键词显示为指定的字号、字体、加粗程度或阴影大小等。

可选地，在一些可能的实施方式中，对第二部分进行突出显示，具体包括：

通过预设的每个第二部分的标签，对第二部分进行突出显示。

应理解，可以根据实际需求设置标签的大小、形状和位置等，例如，可以将标签设置为圆形、矩形或三角形等，所有的标签会汇集成一张图像标签列表，文字描述中的关键词与图像标签列表中的标签进行关联。

优选地，如图2所示，可以为每个标签添加编号，从而便于用户区分不同的部分。

可选地，在一些可能的实施方式中，标签为预设的几何形状或贴图。

通过将标签设置为贴图，能够更加直观生动地突出需要展示的部分，提高用户的观感。

可选地，在一些可能的实施方式中，在电子文档的显示页面的第一展示区域中展示目标物的文字描述，在第二展示区域中展示目标物的图片之前，还包括：

建立包含文字描述中的目标物的关键词与图片中目标物的目标部分之间对应关系的电子文档。

可选地，在一些可能的实施方式中，建立包含文字描述中的目标物的关键词与图片中目标物的目标部分之间对应关系的电子文档，具体包括：

获取目标物的图片和文字描述，将文字描述添加在电子文档的显示页面的第一展示区域中，将图片添加在电子文档的显示页面的第二展示区域中；

根据文字描述中目标物的关键词确定图片中对应的目标部分；

在图片中分别为每个目标部分添加至少一个标签，分别为每个标签添加鼠标点击事件，并将每个标签分别与文字描述中对应的关键词进行关联；

分别为每个关键词添加鼠标点击事件。

可以理解，在一些实施例中，可以包含如上述各实施方式中的部分或全部。

本发明还提供一种存储介质，存储介质中存储有指令，当计算机读取指令时，使计算机执行如上述任意实施方式公开的基于电子文档的图片和文字对照展示方法。

如图3所示，为本发明展示装置的实施例提供的结构框架图，该基于电子文档的图片和文字对照展示装置包括：

存储器1，用于存储计算机程序；

处理器2，用于执行计算机程序，实现如上述任意实施方式公开的基于电子文档的图片和文字对照展示方法。

读者应理解，在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的方法实施例仅仅是示意性的，例如，步骤的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个步骤可以结合或者可以集成到另一个步骤，或一些特征可以忽略，或不执行。

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

以上，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。

Claims (10)

1.一种基于电子文档的图片和文字对照展示方法，其特征在于，包括：

在电子文档的显示页面的第一展示区域中展示目标物的文字描述，在第二展示区域中展示所述目标物的图片；

获取鼠标点击指令，当所述鼠标点击指令触发所述图片中的所述目标物的第一部分时，通过预设的关联关系确定所述文字描述中与所述第一部分关联的第一关键词，并对所述第一关键词进行高亮显示；

当所述鼠标点击指令触发所述文字描述中的所述目标物的第二关键词时，通过所述关联关系确定所述图片中与所述第二关键词关联的第二部分，并对所述第二部分进行突出显示；

其中，所述第一部分为所述图片中的所述目标物的任意一个部分，所述第二部分为所述图片中的所述目标物的任意一个部分，所述第一关键词为所述文字描述中所述目标物的任意一个关键词，所述第二关键词为所述文字描述中所述目标物的任意一个关键词；

所述方法还包括：

将所述目标物中各个部分的图像进行拆解，分别将每个部分作为不同的图层，叠加在一起作为目标物的整体图片；

所述对所述第二部分进行突出显示，包括：

通过将所述第二部分的图层进行缩放处理，单独放大所述第二部分显示；

所述文字描述为可编辑文字，所述方法还包括：

在编辑所述文字描述得到的新文字中存在新的第一关键词，且所述鼠标点击指令触发所述第一部分时，对所述新的第一关键词进行高亮显示。

2.根据权利要求1所述的基于电子文档的图片和文字对照展示方法，其特征在于，对所述第一关键词进行高亮显示，具体包括：

以超链接的形式显示所述第一关键词。

3.根据权利要求1所述的基于电子文档的图片和文字对照展示方法，其特征在于，对所述第一关键词进行高亮显示，具体包括：

为所述第一关键词添加预设颜色的底纹，进行显示。

4.根据权利要求1所述的基于电子文档的图片和文字对照展示方法，其特征在于，对所述第一关键词进行高亮显示，具体包括：

将所述第一关键词以预设样式进行显示。

5.根据权利要求1至4中任一项所述的基于电子文档的图片和文字对照展示方法，其特征在于，对所述第二部分进行突出显示，具体包括：

通过预设的每个所述第二部分的标签，对所述第二部分进行突出显示。

6.根据权利要求5所述的基于电子文档的图片和文字对照展示方法，其特征在于，所述标签为预设的几何形状或贴图。

7.根据权利要求5所述的基于电子文档的图片和文字对照展示方法，其特征在于，在电子文档的显示页面的第一展示区域中展示目标物的文字描述，在第二展示区域中展示所述目标物的图片之前，还包括：

建立包含文字描述中的所述目标物的关键词与图片中所述目标物的目标部分之间对应关系的电子文档。

8.根据权利要求7所述的基于电子文档的图片和文字对照展示方法，其特征在于，建立包含文字描述中的所述目标物的关键词与图片中所述目标物的目标部分之间对应关系的电子文档，具体包括：

获取所述目标物的图片和文字描述，将所述文字描述添加在所述电子文档的显示页面的第一展示区域中，将所述图片添加在所述电子文档的显示页面的第二展示区域中；

根据所述文字描述中所述目标物的关键词确定所述图片中对应的目标部分；

在所述图片中分别为每个所述目标部分添加至少一个标签，分别为每个标签添加鼠标点击事件，并将每个标签分别与所述文字描述中对应的关键词进行关联；

分别为每个所述关键词添加鼠标点击事件。

9.一种存储介质，其特征在于，所述存储介质中存储有指令，当计算机读取所述指令时，使所述计算机执行如权利要求1至8中任一项所述的基于电子文档的图片和文字对照展示方法。

10.一种基于电子文档的图片和文字对照展示装置，其特征在于，包括：

存储器，用于存储计算机程序；

处理器，用于执行所述计算机程序，实现如权利要求1至8中任一项所述的基于电子文档的图片和文字对照展示方法。