网页图片的批注方法、装置及终端设备与流程

本申请涉及互联网文档处理技术领域，尤其涉及一种网页图片的批注方法、装置及终端设备。

背景技术：

随着计算机技术的发展，人们保留文件的方法由传统的纸质文件储存转变为更为方便快捷的电子文档存储。尤其随着信息化的推进和互联网的发展，面向多用户服务的电子文档通常设计为易于浏览的网页形式，且网页上承载的信息成为人们重要的阅读资源。

人们阅读纸质文件时，通常习惯做笔记，同样地，在阅读网页时，常常也希望能在网页上添加标记或批注，以记录自己阅读时的见解心得等。现有技术中，web系统对于电子文档在线浏览时往往不能对网页图片进行评校及批注，导致报社用户需要等报纸打印出大样图片后才能进行评校，耗时又耗力。因此，如何能有效提高报社用户的工作效率及用户体验，成为亟需解决的技术问题。

技术实现要素：

本申请提供一种网页图片的批注方法、装置及终端设备，以解决现有技术用户无法对报纸大样图片进行在线评校等缺陷。

本申请第一个方面提供一种网页图片的批注方法，包括：

获取用户的点击操作信息，所述点击操作信息包括点击位置信息；

根据所述点击操作信息确定所述点击操作的类型；

若确定所述点击操作的类型为添加批注，则获取添加批注功能指令；

根据所述添加批注功能指令，执行相应的添加批注操作。

根据如上所述的方法，可选地，所述根据所述添加批注功能指令，执行相应的添加批注操作，包括：

根据所述添加批注功能指令，显示待添加批注的界面；

若接收到添加目标批注的指令，则根据所述添加目标批注的指令生成对应的目标批注信息，并在所述图片中与所述点击位置信息对应的位置处生成与所述目标批注信息对应的目标批注标识；

存储所述目标批注标识与所述目标批注信息的对应关系。

根据如上所述的方法，可选地，在所述图片中与所述点击位置信息对应的位置处生成与所述目标批注信息对应的目标批注标识的同时，所述方法还包括：

将所述目标批注信息及所述目标批注标识添加到批注列表中，以在所述网页左侧或右侧的批注列表显示界面进行显示。

根据如上所述的方法，可选地，所述方法还包括：

若确定所述点击操作的类型为查看批注信息，则获取所述点击操作信息对应的第一批注标识；

将所述图片中的所述第一批注标识、所述批注列表中的所述第一批注标识对应的批注显示区域，同步进行高亮显示处理。

根据如上所述的方法，可选地，所述根据所述点击操作信息确定所述点击操作的类型，包括：

根据所述点击位置信息与网页上的位置的对应关系确定所述点击操作的类型；

若所述点击位置信息对应网页图片中的位置，且所述点击位置信息不对应批注标识，则确定所述点击操作的类型为添加批注；

若所述点击位置信息对应网页中的批注标识，则确定所述点击操作的类型为查看批注信息；

若所述点击位置信息对应网页中的批注列表显示界面中的批注显示区域，则确定所述点击操作的类型为查看批注信息。

本申请的另一个方面提供一种网页图片的批注装置，包括：

获取模块，用于获取用户的点击操作信息，所述点击操作信息包括点击位置信息；

确定模块，用于根据所述点击操作信息确定所述点击操作的类型；

所述获取模块，还用于若确定所述点击操作的类型为添加批注，则获取添加批注功能指令；

处理模块，用于根据所述添加批注功能指令，执行相应的添加批注操作。

根据如上所述的装置，可选地，所述处理模块，包括：

显示子模块，用于根据所述添加批注功能指令，显示待添加批注的界面；

接收子模块，用于接收添加目标批注的指令；

处理子模块，用于若接收到添加目标批注的指令，则根据所述添加目标批注的指令生成对应的目标批注信息，并在所述图片中与所述点击位置信息对应的位置处生成与所述目标批注信息对应的目标批注标识；

存储子模块，用于存储所述目标批注标识与所述目标批注信息的对应关系。

根据如上所述的装置，可选地，所述处理子模块，还用于将所述目标批注信息及所述目标批注标识添加到批注列表中，以在所述网页左侧或右侧的批注列表显示界面进行显示。

根据如上所述的装置，可选地，所述获取模块，还用于若确定所述点击操作的类型为查看批注信息，则获取所述点击操作信息对应的第一批注标识；

所述处理模块，还用于将所述图片中的所述第一批注标识、所述批注列表中的所述第一批注标识对应的批注显示区域，同步进行高亮显示处理。

根据如上所述的装置，可选地，所述确定模块，具体用于根据所述点击位置信息与网页上的位置的对应关系确定所述点击操作的类型；

若所述点击位置信息对应网页图片中的位置，且所述点击位置信息不对应批注标识，则确定所述点击操作的类型为添加批注；

若所述点击位置信息对应网页中的批注标识，则确定所述点击操作的类型为查看批注信息；

若所述点击位置信息对应网页中的批注列表显示界面中的批注显示区域，则确定所述点击操作的类型为查看批注信息。

本申请的再一个方面提供一种终端设备，包括：如上所述的装置。

本申请提供的网页图片的批注方法、装置及终端设备，通过若根据用户在网页的点击操作信息确定点击操作的类型为添加批注，则获取添加批注功能指令，根据添加批注功能指令执行相应的添加批注操作。实现了对网页图片的在线批注，便于报社用户对报纸大样进行在线评校，提升用户的工作效率和用户体验。

附图说明

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

图1为本申请一实施例提供的网页图片的批注方法的流程示意图；

图2为本申请一实施例提供的待添加批注的界面示意图；

图3为本申请一实施例提供的批注标识示意图；

图4为本申请一实施例提供的批注列表显示界面示意图；

图5为本申请一实施例提供的网页图片的批注装置的结构示意图。

具体实施方式

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

实施例一

本实施例提供一种网页图片的批注方法，用于对网页图片进行批注。本实施例的执行主体为网页图片的批注装置(以下简称装置)，该装置可以设置在全媒体采编系统中，使得用户可以在全媒体采编系统中对报纸大样进行在线评校，提升用户的工作效率和用户体验，也可以设置在服务器等终端设备中。以下各实施例以全媒体采编系统为例进行具体说明。

如图1所示，为本实施例提供的网页图片的批注方法的流程示意图，该方法包括：

步骤101，获取用户的点击操作信息，点击操作信息包括点击位置信息。

步骤102，根据点击操作信息确定点击操作的类型。

步骤103，若确定点击操作的类型为添加批注，则获取添加批注功能指令。

步骤104，根据添加批注功能指令，执行相应的添加批注操作。

具体的，当用户在全媒体采编系统在线浏览报纸大样，需要对报纸大样图片进行评校时，可以通过鼠标点击图片指定位置，该装置则可以获取用户的点击操作信息，该点击操作信息具体可以包括点击位置信息，比如点击位置的坐标、该坐标相对于图片和浏览器的百分比信息等。在获取到用户的点击操作信息后，则根据点击操作信息确定点击操作的类型。若确定点击操作的类型为添加批注，则获取添加批注功能指令，并根据该添加批注功能指令，执行相应的添加批注操作，以实现对报纸大样图片的批注功能。其中，点击操作的类型具体可以包括添加批注和查看批注，还可以包括移动批注位置等其他类型。

本实施例提供的网页图片的批注方法，通过若根据用户在网页的点击操作信息确定点击操作的类型为添加批注，则获取添加批注功能指令，根据添加批注功能指令执行相应的添加批注操作。实现了对网页图片的在线批注，便于报社用户对报纸大样进行在线评校，提升用户的工作效率和用户体验。

实施例二

本实施例对实施例一提供的网页图片的批注方法做进一步补充说明。

作为一种可实施的方式，在上述实施例一的基础上，可选地，步骤104具体包括：

步骤1041，根据添加批注功能指令，显示待添加批注的界面。

步骤1042，若接收到添加目标批注的指令，则根据添加目标批注的指令生成对应的目标批注信息，并在图片中与点击位置信息对应的位置处生成与目标批注信息对应的目标批注标识。

步骤1043，存储目标批注标识与目标批注信息的对应关系。

具体的，当确定用户的点击操作的类型为添加批注时，获取添加批注功能指令，根据该添加批注功能指令显示待添加批注的界面，如图2所示，为本实施例提供的待添加批注的界面示意图。待添加批注的界面上可以设置文本输入区域，用于用户输入批注内容，还可以设置保存按钮，用于用户点击触发添加目标批注的指令，还可以设置移除按钮，用于移除用户已输入的批注内容，还可以设置取消按钮，用于用户取消添加批注的操作。具体可以根据用户需求进行设置，在此不做限定。该待添加批注的界面可以在点击位置处显示，也可以在预设位置处显示，比如在界面中间、左边、右边等等。在此不做限定。

当用户在文本输入区域输入了批注内容后，可以点击保存按钮，用户点击保存按钮则发出了添加目标批注的指令，该添加目标批注的指令可以包括批注内容信息、批注位置信息、批注时间信息等，其中批注位置可以为用户点击操作信息中的点击位置，该装置则可以获取该添加目标批注的指令，在获取到该添加目标批注的指令后，则可以根据添加目标批注的指令生成对应的目标批注信息，该目标批注信息可以包括批注时间信息、批注位置信息、批注内容信息等。并在网页图片中与点击位置信息对应的位置处生成与目标批注信息对应的目标批注标识，比如按照添加批注的顺序设置的序号1、2、3等，也可以是其他标识性信息，在此不做限定。在图片中点击位置信息对应的位置处生成一个包含目标批注标识的小图标。示例性的，如图3所示，为本实施例提供的批注标识示意图。承载批注标识的图标形状具体可以根据用户的需求设置成任意可实施的形状，在此不做限定。

可选地，目标批注信息中还可以包括添加批注的用户信息，比如用户姓名或者用户姓名简称等，可以由用户自定义输入，以便他人查看时，能获知是谁做的批注。

在生成目标批注信息及对应的目标批注标识后，则存储目标批注标识与目标批注信息的对应关系，以便之后当用户点击图片中该目标批注标识时，可以根据该目标批注标识，查找对应的目标批注信息返回给用户供用户查看。

可选地，步骤1042还包括：将目标批注信息及目标批注标识添加到批注列表中，以在网页左侧或右侧的批注列表显示界面进行显示。

具体的，在生成并保存了目标批注信息及目标批注标识后，该装置还可以将目标批注信息及目标批注标识添加到批注列表。在网页的左侧或右侧可以设置批注列表显示界面，显示批注列表中已添加的各批注信息及批注标识。示例性的，如图4所示，为本实施例提供的批注列表显示界面示意图。在批注列表显示界面，可以按照批注顺序或预设其他规则显示各批注信息。在每条批注显示区域可以设置固定信息显示区域、可修改文本域，在固定信息显示区域可以设置多个功能按钮，比如用于启动修改批注内容的修改按钮，用于移除批注内容的移除按钮，用于关闭该条批注显示功能的关闭按钮等。可以根据用户需求进行设置，在此不再赘述。

可选地，该方法还包括：若确定点击操作的类型为查看批注信息，则获取点击操作信息对应的第一批注标识；将图片中的第一批注标识、批注列表中的第一批注标识对应的批注显示区域，同步进行高亮显示处理。

具体的，若确定点击操作的类型为查看批注信息，即当用户点击了图片中已经存在的第一批注标识，或者点击了批注列表显示界面中该第一批注标识对应的显示区域，该装置则获取点击操作信息对应的第一批注标识，将图片中的第一批注标识、批注列表中的第一批注标识对应的批注显示区域，同步进行高亮显示处理。即

可选地，当用户点击图片中已经存在的第一批注标识，该装置获取点击操作信息对应的第一批注标识后，还可以在图片中将第一批注标识及承载第一批注标识的图标变换成批注信息显示界面，并显示该第一批注标识对应的批注信息，而不需要在网页的左侧或右侧设置批注列表显示界面。或者当用户将网页的左侧或右侧的批注列表显示界面中的第一批注标识对应的批注显示区域关闭后，当用户点击图片中的第一批注标识，该装置可以再在批注列表显示界面中显示出第一批注标识对应的批注显示区域，还可以同时将图片中的第一批注标识和批注列表显示界面中第一批注标识对应的批注显示区域进行高亮显示。

作为另一种可实施的方式，在上述实施例一的基础上，可选地，步骤102具体可以包括：

根据点击位置信息与网页上的位置的对应关系确定点击操作的类型。

其中，若点击位置信息对应网页图片中的位置，且点击位置信息不对应批注标识，则确定点击操作的类型为添加批注。

若点击位置信息对应网页中的批注标识，则确定点击操作的类型为查看批注信息。

若点击位置信息对应网页中的批注列表显示界面中的批注显示区域，则确定点击操作的类型为查看批注信息。

具体地，当用户完成了一次点击操作，即点击并松开鼠标时，根据点击位置信息与网页上的位置的对应关系确定点击操作的类型：若点击位置信息对应网页图片中的位置，且点击位置信息不对应批注标识，则确定点击操作的类型为添加批注。若点击位置信息对应网页中的批注标识，则确定点击操作的类型为查看批注信息。若点击位置信息对应网页中的批注列表显示界面中的批注显示区域，则确定点击操作的类型为查看批注信息。

可选地，该方法还可以包括：

若确定点击操作的类型为移动批注标识，则获取移动批注功能指令，根据移动批注功能指令进行相应的移动批注操作。

具体的，若获取到用户鼠标指针按压后并未松开，而是进行了移动，则可以获取用户按压位置信息，及移动轨迹信息，若用户按压位置信息对应图片中已存在的第二批注标识，则根据移动轨迹信息对第二批注标识进行移动处理，将其移动到用户想要的位置。

需要说明的是，本实施例中各可实施的方式可以单独实施，也可以任意组合方式结合实施，在此不做限定。

本实施例提供的网页图片的批注方法，通过若根据用户在网页的点击操作信息确定点击操作的类型为添加批注，则获取添加批注功能指令，根据添加批注功能指令执行相应的添加批注操作。实现了对网页图片的在线批注，便于报社用户对报纸大样进行在线评校，提升用户的工作效率和用户体验。还通过在图片中用户指定位置添加目标批注标识，并生成对应的批注信息，以便于用户以后随时查看。还通过在网页的左侧或右侧设置批注列表显示界面，显示图片中用户添加的各批注标识对应的批注信息，方便用户操作。并且在用户点击网页上已存在的批注标识时，可以将图片中的批注标识与批注列表中该批注标识对应的批注文本域同步高亮显示，以使用户方便地查看该批注标识对应的批注信息，进一步提高了用户体验。

实施例三

本实施例提供一种网页图片的批注装置，用于执行上述实施例一的方法。

如图5所示，为本实施例提供的网页图片的批注装置的结构示意图。该网页图片的批注装置30包括获取模块31、确定模块32和处理模块33。

其中，获取模块31用于获取用户的点击操作信息，点击操作信息包括点击位置信息；确定模块32用于根据点击操作信息确定点击操作的类型；获取模块31还用于若确定点击操作的类型为添加批注，则获取添加批注功能指令；处理模块33用于根据添加批注功能指令，执行相应的添加批注操作。

关于本实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

本实施例提供的网页图片的批注装置，通过若根据用户在网页的点击操作信息确定点击操作的类型为添加批注，则获取添加批注功能指令，根据添加批注功能指令执行相应的添加批注操作。实现了对网页图片的在线批注，便于报社用户对报纸大样进行在线评校，提升用户的工作效率和用户体验。

实施例四

本实施例对上述实施例三提供的网页图片的批注装置做进一步补充说明。

作为一种可实施的方式，在上述实施例三的基础上，可选地，处理模块33具体可以包括显示子模块、接收子模块、处理子模块和存储子模块。

其中，显示子模块，用于根据添加批注功能指令，显示待添加批注的界面；接收子模块，用于接收添加目标批注的指令；处理子模块，用于若接收到添加目标批注的指令，则根据添加目标批注的指令生成对应的目标批注信息，并在图片中与点击位置信息对应的位置处生成与目标批注信息对应的目标批注标识；存储子模块，用于存储目标批注标识与目标批注信息的对应关系。

可选地，处理子模块还用于将目标批注信息及目标批注标识添加到批注列表中，以在网页左侧或右侧的批注列表显示界面进行显示。

可选地，获取模块31还用于若确定点击操作的类型为查看批注信息，则获取点击操作信息对应的第一批注标识；处理模块33还用于将图片中的第一批注标识、批注列表中的第一批注标识对应的批注显示区域，同步进行高亮显示处理。

作为另一种可实施的方式，在上述实施例三的基础上，可选地，确定模块32具体用于：根据点击位置信息与网页上的位置的对应关系确定点击操作的类型。具体如下：

若点击位置信息对应网页图片中的位置，且点击位置信息不对应批注标识，则确定点击操作的类型为添加批注。

若点击位置信息对应网页中的批注标识，则确定点击操作的类型为查看批注信息。

若点击位置信息对应网页中的批注列表显示界面中的批注显示区域，则确定点击操作的类型为查看批注信息。

需要说明的是，本实施例中各可实施的方式可以单独实施，也可以任意组合方式结合实施，在此不做限定。

关于本实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

本实施例提供的网页图片的批注装置，通过若根据用户在网页的点击操作信息确定点击操作的类型为添加批注，则获取添加批注功能指令，根据添加批注功能指令执行相应的添加批注操作。实现了对网页图片的在线批注，便于报社用户对报纸大样进行在线评校，提升用户的工作效率和用户体验。还通过在图片中用户指定位置添加目标批注标识，并生成对应的批注信息，以便于用户以后随时查看。还通过在网页的左侧或右侧设置批注列表显示界面，显示图片中用户添加的各批注标识对应的批注信息，方便用户操作。并且在用户点击网页上已存在的批注标识时，可以将图片中的批注标识与批注列表中该批注标识对应的批注文本域同步高亮显示，以使用户方便地查看该批注标识对应的批注信息，进一步提高了用户体验。

实施例五

本实施例提供一种终端设备，用于执行上述任一实施例提供的网页图片的批注方法。该终端设备具体可以为全媒体采编系统，也可以为服务器、pc机、平板电脑等。

该终端设备包括上述任一实施例提供的网页图片的批注装置。

关于本实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

根据本实施例的终端设备，通过若根据用户在网页的点击操作信息确定点击操作的类型为添加批注，则获取添加批注功能指令，根据添加批注功能指令执行相应的添加批注操作。实现了对网页图片的在线批注，便于报社用户对报纸大样进行在线评校，提升用户的工作效率和用户体验。还通过在图片中用户指定位置添加目标批注标识，并生成对应的批注信息，以便于用户以后随时查看。还通过在网页的左侧或右侧设置批注列表显示界面，显示图片中用户添加的各批注标识对应的批注信息，方便用户操作。并且在用户点击网页上已存在的批注标识时，可以将图片中的批注标识与批注列表中该批注标识对应的批注文本域同步高亮显示，以使用户方便地查看该批注标识对应的批注信息，进一步提高了用户体验。

本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：rom、ram、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。