CN111367445A - 图像标注方法及装置 - Google Patents

Abstract

本申请提供了一种图像标注方法及装置，其中，该方法包括：接收图像显示指令并根据该图像显示指令获取待标注图像；将所述待标注图像在目标浏览器中的canvas画布内显示；实时监测所述canvas画布内的鼠标点击事件，若监测到所述实时监听鼠标点击事件，则根据该实时监测鼠标点击事件获得所述待标注图像中的待标注位置，并应用预设的标注元素对该待标注位置进行标注得到标注图像。本申请能够提高图像标注质量和效率，进而能够提高应用图像标注结果实现的交易凭证图像分类或智能驾驶图像检测的准确性和效率。

Description

图像标注方法及装置

技术领域

本申请涉及图像处理技术领域，尤其涉及一种图像标注方法及装置。

背景技术

随着科技的发展，互联网己经全面进入人工智能时代，人工智能目前的高速发展依靠的是大数据和机器学习结合的技术模式，在大数据计算的基础上通过机器学习的方式，强化机器对于复杂模式的预判能力。例如无人驾驶车要获得可以识别路上行人、车辆和障碍物的能力，需要经过对数以千万甚至数亿级别的训练数据集的深度学习。深度学习是需要大量的标注数据来做支持的，所以通过数据采集和标注工作能够提供海量的训练数据集。目前大部分的数据标注工作其实是图像数据标注，例如图像识别、人脸识别、用户行为分析和智能驾驶等人工智能领域都需要图像数据标注。

一般有两种图像数据标注方法：首先，一些大型的互联网公司推出的基于互联网的在线数据采集和标注系统，这些系统一般基于众包模式，标注员可以是任意互联网用户，系统功能包括任务分发、数据标注、数据采集和后台管理等模块，系统除了为本公司内部的人工智能技术发展提供服务，也提供给其他个人或企业使用；另外，使用互联网上现有开源的人工智能图像标注工具，例如精灵标注助手和labelImg工具等，通过发动内部人员进行数据标注采集工作，一般作为离线工具安装到个人电脑中使用。

基于众包模式的图像数据标注方法，存在图像标注质量不高的问题；在线数据系统，存在系统使用成本较高和数据安全性低的问题；应用互联网上现有开源的人工智能图像标注工具，其安装文件一般是客户端应用，不支持多人协作，存在效率低的问题。

发明内容

针对现有技术中的问题，本申请提出了一种图像标注方法及装置，能够提高图像标注质量和效率，进而能够提高应用图像标注结果实现的交易凭证图像分类或智能驾驶图像检测的准确性和效率。

为了解决上述技术问题，本申请提供以下技术方案：

第一方面，本申请提供一种图像标注方法，包括：

接收图像显示指令并根据该图像显示指令获取待标注图像；

将所述待标注图像在目标浏览器中的canvas画布内显示；

实时监测所述canvas画布内的鼠标点击事件，若监测到所述实时监听鼠标点击事件，则根据该实时监测鼠标点击事件获得所述待标注图像中的待标注位置，并应用预设的标注元素对该待标注位置进行标注得到标注图像。

进一步地，所述将所述待标注图像在目标浏览器中的canvas画布内显示，包括：判断目标文件服务器中是否存在所述待标注图像对应的历史坐标信息，若是，则基于所述历史坐标信息，将所述待标注图像在所述目标浏览器中的canvas画布内显示。

进一步地，所述根据该实时监测鼠标点击事件获得所述待标注图像中的待标注位置，包括：获取所述实时监测鼠标点击事件对应的鼠标点击点在canvas画布内的坐标信息，并将该坐标信息作为所述待标注位置。

进一步地，在所述应用预设的标注元素对该待标注位置进行标注得到标注图像之后，还包括：判断所述标注图像的坐标信息和canvas画布的坐标信息的比值，与目标文件服务器中该标注图像的历史坐标信息和canvas画布的历史坐标信息的比值是否相同，若否，则调整所述标注图像的坐标信息，以使所述标注图像的坐标信息和canvas画布的坐标信息的比值与所述标注图像的历史坐标信息和canvas画布的历史坐标信息的比值相同；应用调整后的所述标注图像的坐标信息更新所述历史坐标信息。

进一步地，在所述将所述待标注图像在目标浏览器中的canvas画布内显示之后，还包括：应用sprite.js工具对所述canvass画布和/或待标注图像进行放缩处理。

第二方面，本申请提供一种图像标注装置，包括：

接收模块，用于接收图像显示指令并根据该图像显示指令获取待标注图像；

显示模块，用于将所述待标注图像在目标浏览器中的canvas画布内显示；

标注模块，用于实时监测所述canvas画布内的鼠标点击事件，若监测到所述实时监听鼠标点击事件，则根据该实时监测鼠标点击事件获得所述待标注图像中的待标注位置，并应用预设的标注元素对该待标注位置进行标注得到标注图像。

进一步地，所述显示模块包括：判断单元，用于判断目标文件服务器中是否存在所述待标注图像对应的历史坐标信息，若是，则基于所述历史坐标信息，将所述待标注图像在所述目标浏览器中的canvas画布内显示。

进一步地，所述标注模块包括：获取坐标信息单元，用于获取所述实时监测鼠标点击事件对应的鼠标点击点在canvas画布内的坐标信息，并将该坐标信息作为所述待标注位置。

进一步地，所述的图像标注装置还包括：调整模块，用于判断所述标注图像的坐标信息和canvas画布的坐标信息的比值，与目标文件服务器中该标注图像的历史坐标信息和canvas画布的历史坐标信息的比值是否相同，若否，则调整所述标注图像的坐标信息，以使所述标注图像的坐标信息和canvas画布的坐标信息的比值与所述标注图像的历史坐标信息和canvas画布的历史坐标信息的比值相同；更新模块，用于应用调整后的所述标注图像的坐标信息更新所述历史坐标信息。

进一步地，所述的图像标注装置还包括：放缩模块，用于应用sprite.js工具对所述canvass画布和/或待标注图像进行放缩处理。

第三方面，本申请提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现所述的图像标注方法。

第四方面，本申请提供一种计算机可读存储介质，其上存储有计算机指令，所述指令被执行时实现所述的图像标注方法。

由上述技术方案可知，本申请提供一种图像标注方法及装置。其中，该方法包括：接收图像显示指令并根据该图像显示指令获取待标注图像；将所述待标注图像在目标浏览器中的canvas画布内显示；实时监测所述canvas画布内的鼠标点击事件，若监测到所述实时监听鼠标点击事件，则根据该实时监测鼠标点击事件获得所述待标注图像中的待标注位置，并应用预设的标注元素对该待标注位置进行标注得到标注图像，能够提高图像标注质量和效率，进而能够提高应用图像标注结果实现的交易凭证图像分类或智能驾驶图像检测的准确性和效率；具体地，能够提高图像标注的效率、可靠性和便捷性，支持多人协作、保证数据安全，能够实现图像放缩和二次编辑，提高图像标注的灵活性，实现低成本、高质量且快速的标注图像，能够保证图像标注过程中的数据安全性和标注质量，且标注工作效率和标注的数据质量较高。

附图说明

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

图1是本申请实施例中图像标注方法的流程示意图；

图2是本申请另一实施例中图像标注方法的流程示意图；

图3是本申请实施例中图像标注装置的结构示意图；

图4是本申请具体应用实例中图像标注过程中的数据交互示意图；

图5是本申请具体应用实例中图像标注模块的功能示意图；

图6是本申请具体应用实例中用户模块的功能示意图；

图7是本申请具体应用实例中图像标注界面的示意图；

图8是本申请具体应用实例中一用户界面的示意图；

图9是本申请具体应用实例中后台管理界面的示意图；

图10为本申请实施例的电子设备9600的系统构成示意框图。

具体实施方式

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

首先对本申请涉及的相关背景技术进行介绍。

机器学习：专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能，是人工智能的核心。

深度学习：深度学习是学习样本数据的内在规律和表示层次，这些学习过程中获得的信息对诸如文字，图像和声音等数据的解释有很大的帮助。它的最终目标是让机器能够像人一样具有分析学习能力，能够识别文字、图像和声音等数据。深度学习是一种复杂的机器学习算法。

数据挖掘：数据挖掘(Data mining)是用人工智能、机器学习、统计学和数据库的交叉方法在相对较大型的数据集中发现模式的计算过程。

训练数据集：指数据挖掘过程中用于训练数据挖掘模型的数据。训练数据集一般有以下要求：数据样本尽可能大、数据多样化，数据样本质量较高。

众包模式：众包是一种互联网概念，指的是一个企业或组织把以往由普通员工处理的工作，以自由自愿的方式形式外包给非特定的大众网络的做法。

JSON数据：JSON是JavaScript Object Notation的简称，它是一种轻量级的数据交换格式，可作为服务器与应用之间进行数据交换的格式，JSON可以使编程人员很容易的进行代码的阅读和数据的编写，同时能够方便机器进行数据的解析和生成。

HTTP：一种与服务器交换数据的通信方式。

Javascript：一种计算机程序开发语言，广泛用于浏览器上的脚本语言。

HTML5：HTML5是Web中核心语言HTML的规范，用户进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。

Canvas：在新的HTML标准HTML5中Canvas元素用于在网页上绘制图形，该元素标签强大之处在于可以直接在HTML上进行图形操作。

Node.js：Node.js是一个种JavaScript运行环境。其中Node是一个让JavaScript运行在服务端的开发平台，Node可用于方便地搭建响应速度快且易于扩展的网络应用。

Sprite.js：是一种开源的高性能图形工具，它能够支持web、node、桌面应用和小程序的图形绘制和实现各种动画效果。

考虑现有技术存在的问题，本申请提供一种低成本且高质量的图像标注方法及装置，安装文件可以在内部电脑中运行，不依赖互联网环境，能够保证数据安全性且降低成本低；同时本申请提供的图像标注装置支持随时安装和离线使用，还支持在线访问即无需安装，提高安装的便捷性和标注效率；在功能上预设图像类型和预设标注内容选项以供用户标注时选择，能够提高图像标注装置的可拓展性；同时还能够提升图像标注效率和标注质量。

为了提高图像标注质量和效率，进而能够提高应用图像标注结果实现的交易凭证图像分类或智能驾驶图像检测的准确性和效率，本申请实施例提供一种图像标注装置，该装置可以是一服务器或客户端设备，所述客户端设备可以包括智能手机、平板电子设备、网络机顶盒、便携式计算机、台式电脑、个人数字助理(PDA)、车载设备和智能穿戴设备等。其中，所述智能穿戴设备可以包括智能眼镜、智能手表和智能手环等。

在实际应用中，进行图像标注的部分可以在如上述内容所述的服务器侧执行，也可以所有的操作都在所述客户端设备中完成。具体可以根据所述客户端设备的处理能力，以及用户使用场景的限制等进行选择。本申请对此不作限定。若所有的操作都在所述客户端设备中完成，所述客户端设备还可以包括处理器。

上述的客户端设备可以具有通信模块(即通信单元)，可以与远程的服务器进行通信连接，实现与所述服务器的数据传输。所述服务器可以包括任务调度中心一侧的服务器，其他的实施场景中也可以包括中间平台的服务器，例如与任务调度中心服务器有通信链接的第三方服务器平台的服务器。所述的服务器可以包括单台计算机设备，也可以包括多个服务器组成的服务器集群，或者分布式装置的服务器结构。

所述服务器与所述客户端设备之间可以使用任何合适的网络协议进行通信，包括在本申请提交日尚未开发出的网络协议。所述网络协议例如可以包括TCP/IP协议、UDP/IP协议、HTTP协议、HTTPS协议等。当然，所述网络协议例如还可以包括在上述协议之上使用的RPC协议(Remote Procedure Call Protocol，远程过程调用协议)、REST协议(Representational State Transfer，表述性状态转移协议)等。

具体通过下述各个实施例进行说明。

如图1所示，为了能够提高图像标注质量和效率，进而能够提高应用图像标注结果实现的交易凭证图像分类或智能驾驶图像检测的准确性和效率，本实施例提供一种执行主体是图像标注装置的图像标注方法，具体包含有如下内容：

步骤100：接收图像显示指令并根据该图像显示指令获取待标注图像。

步骤200：将所述待标注图像在目标浏览器中的canvas画布内显示。

步骤300：实时监测所述canvas画布内的鼠标点击事件，若监测到所述实时监听鼠标点击事件，则根据该实时监测鼠标点击事件获得所述待标注图像中的待标注位置，并应用预设的标注元素对该待标注位置进行标注得到标注图像。

具体地，所述标注元素可以是横线、方框和竖线。将所述标注元素添加至所述待标注位置并获取该标注元素的坐标信息。得到的标注结果适用于人工智能领域，在一种交易凭证图像分类的应用场景中，在所述应用预设的标注元素对该待标注位置进行标注得到标注图像之后，还包含有：应用多个标注图像对预设的图像分类模型进行训练，该图像分类模型可以是AlexNet模型、VGG19模型和ResNet_152模型中的一种，能够提高图像标注质量和效率，进而能够提高应用图像标注结果实现的交易凭证图像分类的准确性和效率。在一种智能驾驶中图像检测应用场景中，在所述应用预设的标注元素对该待标注位置进行标注得到标注图像之后，还包含有：应用多个标注图像对预设的图像检测模型进行训练，该图像检测模型可以是Faster-RCNN模型等，能够提高智能驾驶过程中图像检测的准确性和效率，进而提高智能驾驶的安全性。

参见图2，为了提高图像识别的准确性和效率，在本申请一个实施例中，步骤200包含有：

步骤201：判断目标文件服务器中是否存在所述待标注图像对应的历史坐标信息，若是，则基于所述历史坐标信息，将所述待标注图像在所述目标浏览器中的canvas画布内显示。

具体地，所述历史坐标信息包含有标注图像的上下左右各个角的坐标信息，若在目标文件服务器中，所述待标注图像已被标注，则所述历史坐标信息中还包含有所述标注元素的上下左右各个角的坐标信息。举例来说，若所述标注图像为方框形状，则根据左上角坐标和右上角坐标能够确定出该标注图像的长度值和宽度值。

为了进一步提高图像标注的实时性与准确性，在本申请一个实施例中，步骤300中所述根据该实时监测鼠标点击事件获得所述待标注图像中的待标注位置包含有：

步骤301：获取所述实时监测鼠标点击事件对应的鼠标点击点在canvas画布内的坐标信息，并将该坐标信息作为所述待标注位置。

为了提高图像标注中数据的可靠性，进而提高图像标注的质量，在本申请一个实施例中，在步骤300之后还包含有：

步骤400：判断所述标注图像的坐标信息和canvas画布的坐标信息的比值，与目标文件服务器中该标注图像的历史坐标信息和canvas画布的历史坐标信息的比值是否相同，若否，则调整所述标注图像的坐标信息，以使所述标注图像的坐标信息和canvas画布的坐标信息的比值与所述标注图像的历史坐标信息和canvas画布的历史坐标信息的比值相同。

步骤500：应用调整后的所述标注图像的坐标信息更新所述历史坐标信息。

为了在提高图像标注质量和效率，进而能够提高应用图像标注结果实现的交易凭证图像分类或智能驾驶图像检测的准确性和效率的基础上，提高图像标注的灵活性和便捷程度，在本申请一个实施例中，在步骤200之后还包含有：

应用sprite.js工具对所述canvass画布和/或待标注图像进行放缩处理。

从软件层面来说，为了能够提高图像标注质量和效率，进而能够提高应用图像标注结果实现的交易凭证图像分类或智能驾驶图像检测的准确性和效率，本申请提供一种用于实现所述图像标注方法中全部或部分内容的图像标注装置的实施例，参见图3，所述图像标注装置具体包含有如下内容：

接收模块10，用于接收图像显示指令并根据该图像显示指令获取待标注图像。

显示模块20，用于将所述待标注图像在目标浏览器中的canvas画布内显示。

标注模块30，用于实时监测所述canvas画布内的鼠标点击事件，若监测到所述实时监听鼠标点击事件，则根据该实时监测鼠标点击事件获得所述待标注图像中的待标注位置，并应用预设的标注元素对该待标注位置进行标注得到标注图像。

在本申请一个实施例中，所述显示模块包括：

判断单元，用于判断目标文件服务器中是否存在所述待标注图像对应的历史坐标信息，若是，则基于所述历史坐标信息，将所述待标注图像在所述目标浏览器中的canvas画布内显示。

在本申请一个实施例中，所述标注模块包括：

获取坐标信息单元，用于获取所述实时监测鼠标点击事件对应的鼠标点击点在canvas画布内的坐标信息，并将该坐标信息作为所述待标注位置。

在本申请一个实施例中，所述的图像标注装置还包括：

调整模块，用于判断所述标注图像的坐标信息和canvas画布的坐标信息的比值，与目标文件服务器中该标注图像的历史坐标信息和canvas画布的历史坐标信息的比值是否相同，若否，则调整所述标注图像的坐标信息，以使所述标注图像的坐标信息和canvas画布的坐标信息的比值与所述标注图像的历史坐标信息和canvas画布的历史坐标信息的比值相同。

更新模块，用于应用调整后的所述标注图像的坐标信息更新所述历史坐标信息。

在本申请一个实施例中，所述的图像标注装置，还包括：

放缩模块，用于应用sprite.js工具对所述canvass画布和/或待标注图像进行放缩处理。

本说明书提供的图像标注装置的实施例具体可以用于执行上述图像标注方法的实施例的处理流程，其功能在此不再赘述，可以参照上述图像标注方法实施例的详细描述。

为了进一步说明本方案，本申请还提供一种图像标注装置的具体应用实例，在本具体应用实例中，图像标注装置包含有图像标注模块、用户模块和管理模块，具体描述如下：

如图7所示，在图像标注模块中，图像标注界面分为三部分：标注信息展示区(页面右侧)，图像区(页面左上部分)，标注区(左下部分)。

1)标注信息展示区：作为维护图像标注信息的主要功能区域。在标注信息展示区可以看到工作目录下的所有图像文件，包括已标注文件和未标注文件。当选择的图片已标注时，会实时读取后台存储的标注信息，并将对应的图像标注结果显示在页面左侧的图像区，方便用户对已标注的图像再次修改或者完成未完成标注的图像。另外，在标注信息展示区还可以看到单张图像的标注情况，方便用户添加、修改和删除某张图像的标注信息。

2)标注区：标注区为用户提供了三种标注坐标位置的操作，即绘制方框、绘制横线和绘制竖线。例如用户在图像区展示的图像上绘制一个方框区域，并在标注区填写对应的标注文本，例如“单位名称”，用户点击保存按钮后，会实时生成一条json格式的数据文件存放到系统后台，这份数据表示当前图像中的一个标注信息，标注内容是“单位名称”及其对应的坐标位置。

3)图像区：图像区还提供了原始图像的尺寸放大、缩小、还原和拖动四个功能，图像的尺寸和位置变化均在图像区展示，标注的尺寸和位置也会跟随图像状态进行改变。

如图5所示，图像标注模块实现功能有：S11：将待标注图像存储至文件服务器；S12：标注图像；S13：生成JSON标注数据文件；S14：导出JSON标注数据文件。

用户模块：如图8所示，在用户模块中的一个界面中，此模块主要为了提高数据安全性和工作效率。用户可以预先设置一批内部用户账号，用户使用这些账号才可以进入图像标注页面，支持多人协作，并且在图像标注的过程中会将当前操作用户账号信息与图像标注信息一起保存到标注结果数据文件中。如图6所示，用户模块实现功能有：S21：注册用户多人协作标注；S22：设置内部允许访问的账户。

管理模块：管理模块中的后台管理界面如图9所示，此模块主要为了提高标注质量以及提升标注效率。可以预设图像类型和预设标注内容选项以供标注时选择，能够提高图像标注的质量，同时能够提升图像标注的效率。

具体地，每张图像标注完成后都会保存一份标注数据文件，是与当前图像存放路径相对应的json格式数据文件，在全部图像标注工作结束后，提供给用户文件导出功能，这份数据最终会提供给人工智能深度学习的应用场景。标注数据文件包含有图像原始尺寸、所有标注的位置坐标、标注内容、标注员的用户信息、图像在文件服务器中的路径和标注数据文件在文件服务器中的存放路径等。举例来说，标注数据文件中数据存储的格式如表1所示。

表1

由上述描述可知，本申请提供了一个低成本、高质量的图像标注工具，可以是一个基于Node.js平台的web系统，主要功能采用HTML5技术中的canvas特性作为基础，通过Javascript技术中提供的方法和属性，能够提高获取图像标注坐标的便捷性，同时利用开源可视化图形框架sprite.js作为工具来实现图像的放大、缩小和还原等尺寸调整的功能。

结合上述具体应用实例中的图像标注装置，本申请还提供一种图像标注方法的具体应用实例，如图4所示，客户端浏览器发送http请求至基于Node.js的Web服务器，基于Node.js的web服务器接收http请求后，发送数据请求至文件服务器，文件服务器接收数据请求将并对应的数据返回基于Node.js的web服务器，基于Node.js的web服务器将该数据返回至客户端浏览器，以在web浏览器显示。具体包含有如下内容：

步骤1：接收浏览器发送的输入图像在文件服务器中的地址，并通过http请求发送给基于node.js的web服务器，web服务器请求指定的文件服务器地址并获取图像数据，并将图像数据显示在浏览器中，其中文件服务器也支持本地存储，能够进一步保证图像数据的安全可靠。

步骤2：浏览器中有一个固定大小的canvas画布，实时监听浏览器端的鼠标点击事件，每一个鼠标点击事件与canvas画布上的坐标相关联，即是与待标注图像中的坐标相关联。首先在被点击的位置选择一个固定形状标注(本具体应用实例提供了三个形状选择，即方框、横线或竖线)完成添加，然后对已添加的标注元素进行选中、拖动、拉伸和添加文本等功能，最后获得此标注元素的坐标，坐标信息包括元素左上角坐标(x_min、y_min)和右下角坐标(x_max、y_max)，例如若选择了方框形状的标注元素，则通过左上角坐标和右上角坐标能够确认该标注元素的长度值和宽度值。

这里需要说明的是，步骤2操作在系统主要采用HTML5技术中的canvas特性，并通过Javascript技术中提供的特性和方法，例如可以应用HTMLElement.offsetLeft方法获取浏览器上某个元素离左边的距离，还有document、window等方法可以获取元素相对浏览器窗口的位置像素，根据这些特性和方法可以很方便的获得标注点的坐标。

步骤3：在图像标注的过程中，待标注图像支持缩放，缩放动作支持由鼠标拖动浏览器窗口触发，也支持应用缩放按钮触发，缩放完毕后能保证图像和画布缩放结果同步，画布缩放结果与标注元素的坐标同步。系统实现是基于html5 canvas，应用sprite.js开源工具提供的方法来操作canvas，特别是更新canvas，达到放大、缩小和绘制canvas的目的。这里sprite.js工具可以基于canvas快速绘制结构化设计图、动画和交互效果，实现图像标注工具中的图像放大、缩小等功能，并可在到任何拥有canvas环境的平台上，例如，浏览器和node.js平台使用。

步骤4：在步骤2和步骤3中获取的标注元素坐标信息，会以http请求形式发送给web服务器，由web服务器发送请求最终以json文件的形式保存到文件服务器中。若在浏览器操作过程中经过了步骤3的缩放处理，本系统在保存坐标信息前会经过与原始图像/画布坐标比较，并通过计算缩放比例，保证最终保存的坐标信息文件是准确无误。这里的系统实现是基于html5 canvas，使用sprite.js开源工具提供的方法来操作canvas，实现通过json文件中的坐标数据来重新绘制canvas的功能，也达到了支持图像缩放和标注的二次编辑的目的。

这里需要说明的是：若按照步骤1再次打开已标注过的图像，则会将步骤4中保存的已标注元素坐标信息一起返回至浏览器，浏览器的canvas画布会连同这些标注元素一起加载并显示在页面上，提供给用户再次编辑、删除标注的功能，能够实现多人协作标注和标注准确可靠的目的。

由上述描述可知，本申请提供的图像标注方法及装置，能够提高图像标注质量和效率，进而能够提高应用图像标注结果实现的交易凭证图像分类或智能驾驶图像检测的准确性和效率；具体地，能够提高图像标注的效率、可靠性和便捷性，支持多人协作、保证数据安全，能够实现图像放缩和二次编辑提高图像标注的灵活性。

从硬件层面来说，为了提高图像标注质量和效率，进而能够提高应用图像标注结果实现的交易凭证图像分类或智能驾驶图像检测的准确性和效率，本申请提供一种用于实现所述图像标注方法中的全部或部分内容的电子设备的实施例所述电子设备具体包含有如下内容：

处理器(processor)、存储器(memory)、通信接口(Communications Interface)和总线；其中，所述处理器、存储器、通信接口通过所述总线完成相互间的通信；所述通信接口用于实现所述图像标注装置以及用户终端等相关设备之间的信息传输；该电子设备可以是台式计算机、平板电脑及移动终端等，本实施例不限于此。在本实施例中，该电子设备可以参照实施例用于实现所述图像标注方法的实施例及用于实现所述图像标注装置的实施例进行实施，其内容被合并于此，重复之处不再赘述。

图10为本申请实施例的电子设备9600的系统构成的示意框图。如图10所示，该电子设备9600可以包括中央处理器9100和存储器9140；存储器9140耦合到中央处理器9100。值得注意的是，该图10是示例性的；还可以使用其他类型的结构，来补充或代替该结构，以实现电信功能或其他功能。

在本申请一个或多个实施例中，图像标注功能可以被集成到中央处理器9100中。其中，中央处理器9100可以被配置为进行如下控制：

步骤100：接收图像显示指令并根据该图像显示指令获取待标注图像。

步骤200：将所述待标注图像在目标浏览器中的canvas画布内显示。

步骤300：实时监测所述canvas画布内的鼠标点击事件，若监测到所述实时监听鼠标点击事件，则根据该实时监测鼠标点击事件获得所述待标注图像中的待标注位置，并应用预设的标注元素对该待标注位置进行标注得到标注图像。

从上述描述可知，本申请的实施例提供的电子设备，能够提高图像标注质量和效率，进而能够提高应用图像标注结果实现的交易凭证图像分类或智能驾驶图像检测的准确性和效率。

在另一个实施方式中，图像标注装置可以与中央处理器9100分开配置，例如可以将图像标注装置配置为与中央处理器9100连接的芯片，通过中央处理器的控制来实现图像标注功能。

如图10所示，该电子设备9600还可以包括：通信模块9110、输入单元9120、音频处理器9130、显示器9160、电源9170。值得注意的是，电子设备9600也并不是必须要包括图10中所示的所有部件；此外，电子设备9600还可以包括图10中没有示出的部件，可以参考现有技术。

如图10所示，中央处理器9100有时也称为控制器或操作控件，可以包括微处理器或其他处理器装置和/或逻辑装置，该中央处理器9100接收输入并控制电子设备9600的各个部件的操作。

其中，存储器9140，例如可以是缓存器、闪存、硬驱、可移动介质、易失性存储器、非易失性存储器或其它合适装置中的一种或更多种。可储存上述与失败有关的信息，此外还可存储执行有关信息的程序。并且中央处理器9100可执行该存储器9140存储的该程序，以实现信息存储或处理等。

输入单元9120向中央处理器9100提供输入。该输入单元9120例如为按键或触摸输入装置。电源9170用于向电子设备9600提供电力。显示器9160用于进行图像和文字等显示对象的显示。该显示器例如可为LCD显示器，但并不限于此。

该存储器9140可以是固态存储器，例如，只读存储器(ROM)、随机存取存储器(RAM)、SIM卡等。还可以是这样的存储器，其即使在断电时也保存信息，可被选择性地擦除且设有更多数据，该存储器的示例有时被称为EPROM等。存储器9140还可以是某种其它类型的装置。存储器9140包括缓冲存储器9141(有时被称为缓冲器)。存储器9140可以包括应用/功能存储部9142，该应用/功能存储部9142用于存储应用程序和功能程序或用于通过中央处理器9100执行电子设备9600的操作的流程。

存储器9140还可以包括数据存储部9143，该数据存储部9143用于存储数据，例如联系人、数字数据、图片、声音和/或任何其他由电子设备使用的数据。存储器9140的驱动程序存储部9144可以包括电子设备的用于通信功能和/或用于执行电子设备的其他功能(如消息传送应用、通讯录应用等)的各种驱动程序。

通信模块9110即为经由天线9111发送和接收信号的发送机/接收机9110。通信模块(发送机/接收机)9110耦合到中央处理器9100，以提供输入信号和接收输出信号，这可以和常规移动通信终端的情况相同。

基于不同的通信技术，在同一电子设备中，可以设置有多个通信模块9110，如蜂窝网络模块、蓝牙模块和/或无线局域网模块等。通信模块(发送机/接收机)9110还经由音频处理器9130耦合到扬声器9131和麦克风9132，以经由扬声器9131提供音频输出，并接收来自麦克风9132的音频输入，从而实现通常的电信功能。音频处理器9130可以包括任何合适的缓冲器、解码器、放大器等。另外，音频处理器9130还耦合到中央处理器9100，从而使得可以通过麦克风9132能够在本机上录音，且使得可以通过扬声器9131来播放本机上存储的声音。

上述描述可知，本申请的实施例提供的电子设备，能够提高图像标注质量和效率，进而能够提高应用图像标注结果实现的交易凭证图像分类或智能驾驶图像检测的准确性和效率。

本申请的实施例还提供能够实现上述实施例中的图像标注方法中全部步骤的一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现上述实施例中的图像标注方法的全部步骤，例如，所述处理器执行所述计算机程序时实现下述步骤：

步骤100：接收图像显示指令并根据该图像显示指令获取待标注图像。

步骤200：将所述待标注图像在目标浏览器中的canvas画布内显示。

步骤300：实时监测所述canvas画布内的鼠标点击事件，若监测到所述实时监听鼠标点击事件，则根据该实时监测鼠标点击事件获得所述待标注图像中的待标注位置，并应用预设的标注元素对该待标注位置进行标注得到标注图像。

从上述描述可知，本申请实施例提供的计算机可读存储介质，能够提高图像标注质量和效率，进而能够提高应用图像标注结果实现的交易凭证图像分类或智能驾驶图像检测的准确性和效率。

本申请中上述方法的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。相关之处参见方法实施例的部分说明即可。

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

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

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

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

本申请中应用了具体实施例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (12)

1.一种图像标注方法，其特征在于，包括：

接收图像显示指令并根据该图像显示指令获取待标注图像；

将所述待标注图像在目标浏览器中的canvas画布内显示；

实时监测所述canvas画布内的鼠标点击事件，若监测到所述实时监听鼠标点击事件，则根据该实时监测鼠标点击事件获得所述待标注图像中的待标注位置，并应用预设的标注元素对该待标注位置进行标注得到标注图像。

2.根据权利要求1所述的图像标注方法，其特征在于，所述将所述待标注图像在目标浏览器中的canvas画布内显示，包括：

判断目标文件服务器中是否存在所述待标注图像对应的历史坐标信息，若是，则基于所述历史坐标信息，将所述待标注图像在所述目标浏览器中的canvas画布内显示。

3.根据权利要求1所述的图像标注方法，其特征在于，所述根据该实时监测鼠标点击事件获得所述待标注图像中的待标注位置，包括：

获取所述实时监测鼠标点击事件对应的鼠标点击点在canvas画布内的坐标信息，并将该坐标信息作为所述待标注位置。

4.根据权利要求1所述的图像标注方法，其特征在于，在所述应用预设的标注元素对该待标注位置进行标注得到标注图像之后，还包括：

判断所述标注图像的坐标信息和canvas画布的坐标信息的比值，与目标文件服务器中该标注图像的历史坐标信息和canvas画布的历史坐标信息的比值是否相同，若否，则调整所述标注图像的坐标信息，以使所述标注图像的坐标信息和canvas画布的坐标信息的比值与所述标注图像的历史坐标信息和canvas画布的历史坐标信息的比值相同；

应用调整后的所述标注图像的坐标信息更新所述历史坐标信息。

5.根据权利要求1所述的图像标注方法，其特征在于，在所述将所述待标注图像在目标浏览器中的canvas画布内显示之后，还包括：

应用sprite.js工具对所述canvass画布和/或待标注图像进行放缩处理。

6.一种图像标注装置，其特征在于，包括：

接收模块，用于接收图像显示指令并根据该图像显示指令获取待标注图像；

显示模块，用于将所述待标注图像在目标浏览器中的canvas画布内显示；

标注模块，用于实时监测所述canvas画布内的鼠标点击事件，若监测到所述实时监听鼠标点击事件，则根据该实时监测鼠标点击事件获得所述待标注图像中的待标注位置，并应用预设的标注元素对该待标注位置进行标注得到标注图像。

7.根据权利要求6所述的图像标注装置，其特征在于，所述显示模块，包括：

判断单元，用于判断目标文件服务器中是否存在所述待标注图像对应的历史坐标信息，若是，则基于所述历史坐标信息，将所述待标注图像在所述目标浏览器中的canvas画布内显示。

8.根据权利要求6所述的图像标注装置，其特征在于，所述标注模块，包括：

获取坐标信息单元，用于获取所述实时监测鼠标点击事件对应的鼠标点击点在canvas画布内的坐标信息，并将该坐标信息作为所述待标注位置。

9.根据权利要求6所述的图像标注装置，其特征在于，还包括：

调整模块，用于判断所述标注图像的坐标信息和canvas画布的坐标信息的比值，与目标文件服务器中该标注图像的历史坐标信息和canvas画布的历史坐标信息的比值是否相同，若否，则调整所述标注图像的坐标信息，以使所述标注图像的坐标信息和canvas画布的坐标信息的比值与所述标注图像的历史坐标信息和canvas画布的历史坐标信息的比值相同；

更新模块，用于应用调整后的所述标注图像的坐标信息更新所述历史坐标信息。

10.根据权利要求6所述的图像标注装置，其特征在于，还包括：

放缩模块，用于应用sprite.js工具对所述canvass画布和/或待标注图像进行放缩处理。

11.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至5任一项所述的图像标注方法。

12.一种计算机可读存储介质，其上存储有计算机指令，其特征在于，所述指令被执行时实现权利要求1至5任一项所述的图像标注方法。

Images