CN112346809A - 网页图像标注方法、装置、电子设备及存储介质 - Google Patents

网页图像标注方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN112346809A
CN112346809A CN202011241783.4A CN202011241783A CN112346809A CN 112346809 A CN112346809 A CN 112346809A CN 202011241783 A CN202011241783 A CN 202011241783A CN 112346809 A CN112346809 A CN 112346809A
Authority
CN
China
Prior art keywords
canvas
target objects
coordinate information
event
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.)
Pending
Application number
CN202011241783.4A
Other languages
English (en)
Inventor
雷竣麟
闫潇宁
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Anruan Technology Co Ltd
Original Assignee
Shenzhen Anruan Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shenzhen Anruan Technology Co Ltd filed Critical Shenzhen Anruan Technology Co Ltd
Priority to CN202011241783.4A priority Critical patent/CN112346809A/zh
Publication of CN112346809A publication Critical patent/CN112346809A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00—Image analysis
    • G06T7/70—Determining position or orientation of objects or cameras
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2207/00—Indexing scheme for image analysis or image enhancement
    • G06T2207/30—Subject of image; Context of image processing
    • G06T2207/30204—Marker

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明涉及网页标注工具技术领域，提供网页图像标注方法、装置、电子设备及存储介质，网页图像标注方法包括：初始化操作事件以及操作画布；通过所述操作事件标注操作界面中所述操作画布中的多个目标对象；记录所述多个目标对象的坐标信息，并上传所述多个目标对象以及所述多个目标对象的坐标信息。本发明由于可以实现操作事件与操作画布的联动，通过操作事件对操作画布中的多个目标对象进行图形标注之后，同时还可以实时记录目标对象的坐标信息，能够方便快捷的对操作画布中的图片进行操作，不需要额外安装任何软件或者插件，便于团队标注目标检测数据集。

Description

网页图像标注方法、装置、电子设备及存储介质
技术领域
本发明涉及网页标注工具技术领域，尤其涉及网页图像标注方法、装置、 电子设备及存储介质。
背景技术
在现有技术中，针对传统浏览器网页页面只能展现图片，或者画布(canvas) 只提供的基本的图形绘制，不便于操作图片进行图片编辑以及页面图片绘制工 作，也无法和鼠标进行联动操作。尤其在深度学习领域，需要对图形进行坐标 记录以及标注等。可见，传统浏览器网页页面存在可操作性差的问题。
发明内容
本发明实施例提供网页图像标注方法，能够解决传统浏览器网页页面存在 可操作性差的问题。
第一方面，本发明实施例提供网页图像标注方法，所述方法包括以下步骤：
初始化操作事件以及操作画布；
通过所述操作事件标注操作界面中所述操作画布中的多个目标对象；
记录所述多个目标对象的坐标信息，并上传所述多个目标对象以及所述多 个目标对象的坐标信息。
可选的，所述初始化操作事件以及操作画布之前，方法还包括步骤：
检测用户端是否支持所述操作画布；
若所述用户端支持所述操作画布，则开启所述操作画布。
可选的，所述操作事件包括操作工具、悬浮图标及点击事件，所述初始化 操作事件以及操作画布的步骤包括：
若所述用户端支持所述操作画布，则绑定所述操作工具、悬浮图标以及点 击事件，同时与所述操作画布关联；
通过所述点击事件安装所述操作画布以动态实时显示所述多个目标对象 的图形轨迹。
可选的，所述操作界面包括标注图形选区，所述目标对象包括多种类型， 所述通过所述操作事件标注操作界面中所述操作画布中的多个目标对象的步 骤包括：
在所述标注图形选区选取所述标注图形，通过所述标注图形绘制所述多个 目标对象的图形轨迹，每种类型的所述目标对象对应的所述标注图形的类型不 同；
判断所述目标对象的图形轨迹是否超出操作画布；
若超出所述操作画布，则记录所述目标对象的图形轨迹的最后一次坐标信 息，当回到所述操作画布后在所述最后一次坐标信息处保留绘制状态。
可选的，所述操作界面还包括目标对象分类选区及标注图形参数设置区， 所述通过所述操作事件标注操作界面中所述操作画布中的多个目标对象的步 骤包括：
通过所述点击事件点击所述操作工具，基于所述悬浮图标所在的位置，在 所述目标对象分类选区选取目标对象；及
在所述标注图形参数设置区选择所述标注图形的参数，所述标注图形的参 数包括标注图形画笔大小以及颜色。
可选的，所述操作界面还包括编辑功能选区，所述通过所述操作事件标注 操作界面中所述操作画布中的多个目标对象的步骤包括：
对所述多个目标对象进行图形标注后，通过所述点击事件点击所述操作工 具，基于所述悬浮图标所在的位置，在所述编辑功能选区选取辅助功能对所述 目标对象对应的标注图形的图形轨迹进行擦除/调整。
可选的，所述坐标信息包括画布坐标信息及实际坐标信息，所述记录所述 多个目标对象的坐标信息，并上传所述多个目标对象以及所述多个目标对象的 坐标信息的步骤包括：
记录所述操作画布中所述多个目标对象的所述画布坐标信息；
通过预设坐标转换关系，将所述操作画布中所述多个目标对象的所述画布 坐标信息进行转换，得到与所述多个目标对象一一对应的所述实际坐标信息， 并进行记录；
将所述多个目标对象以及所述多个目标对象的所述画布坐标信息及所述 实际坐标信息进行上传。
第二方面，本发明实施例还提供网页图像标注装置，包括：
初始化模块，用于初始化操作事件以及操作画布；
标注模块，用于通过所述操作事件标注操作界面中所述操作画布中的多个 目标对象；
记录上传模块，用于记录所述多个目标对象的坐标信息，并上传所述多个 目标对象以及所述多个目标对象的坐标信息。
第三方面，本发明实施例还提供一种电子设备，包括：存储器、处理器及 存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行 所述计算机程序时实现所述实施例提供的网页图像标注方法中的步骤。
第四方面，一种计算机可读存储介质，所述计算机可读存储介质上存储有 计算机程序，所述计算机程序被处理器执行时实现所述实施例提供的网页图像 标注方法中的步骤。
在本发明实施例中，通过初始化操作事件以及操作画布；通过所述操作事 件标注操作界面中所述操作画布中的多个目标对象；记录所述多个目标对象的 坐标信息，并上传所述多个目标对象以及所述多个目标对象的坐标信息。由于 可以实现操作事件与操作画布的联动，通过操作事件对操作画布中的多个目标 对象进行图形标注之后，同时还可以实时记录目标对象的坐标信息，并将多个 目标对象以及对应的坐标信息提交，能够方便快捷的对操作画布中的图片进行 操作，并且能获取相应的图片信息，不需要额外安装任何软件或者插件，只需 要用户端上有浏览器即可进行图片操作，便于团队标注目标检测数据集。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施 例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述 中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付 出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的网页图像标注方法的流程图；
图2是本发明实施例提供的另一种网页图像标注方法的流程图；
图3是本发明实施例提供的网页图像标注装置的结构示意图；
图4是本发明实施例提供的另一种网页图像标注装置的结构示意图；
图5是本发明实施例提供的另一种网页图像标注装置的结构示意图；
图6是本发明实施例提供的另一种网页图像标注装置的结构示意图；
图7是本发明实施例提供的另一种网页图像标注装置的结构示意图；
图8是本发明实施例提供的另一种网页图像标注装置的结构示 意图；
图9是本发明实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清 楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是 全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造 性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本申请的说明书和权利要求书及附图说明中的术语“包括”和“具有”以 及它们的任何变形，意图在于覆盖不排他的包含。本申请的说明书和权利要求 书或附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于描述 特定顺序。在本文中提及“实施例”意味着，结合实施例描述的特定特征、结 构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现 该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备 选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例 可以与其它实施例相结合。
如图1所示，图1是本发明实施例提供的一种网页图像标注方法的流程图， 该网页图像标注方法包括以下步骤：
101、初始化操作事件以及操作画布。
在本实施例中，上述网页图像标注方法运行于其上的电子设备可以通过有 线连接方式或者无线连接方式进行网络连接，实现第操作画布的操作。上述无 线连接方式可以包括但不限于3G/4G连接、WiFi(Wireless-Fidelity)连接、 蓝牙连接、WiMAX(WorldwideInteroperability for Microwave Access)连接、 Zigbee(低功耗局域网协议，又称紫峰协议)连接、UWB(ultra wideband)连 接、以及其他现在已知或将来开发的无线连接方式。
其中，本实施例提供的网页图像标注方法可以是基于一种网页目标检测深 度学习图片数据网页标注软件(DeepMark应用)的标注方法。本方法支持禁 用开发者模式，便于加密，用户无法捕获到源码实现以及保证数据安全性。上 述的操作事件可以用于执行选择动作、图形标注动作等。上述的操作画布中可 以显示需要进行图像标注的数据集中所选取的图像，该图像包括各城市交通要 塞小区、商场、菜市场等等区域采集的图像，在每张图像中可以包括有人体、 人脸、车辆、生活用具、动物等对象。上述的初始化操作事件以及操作操作画 布可以表示预先建立操作事件中各部分之间的联动关系，以及操作事件与操作 画布之间的联动关系，以便于通过操作事件对操作画布中的图像中包含的多个 对象进行一系列的标注以及对标注进行调整等。
102、通过操作事件标注操作界面中操作画布中的多个目标对象。
其中，目标对象可以是指操作画布中的图像内，需要进行标注的对象，包 括人体、人脸、车辆、生活用具、动物等对象。目标对象可以从操作界面中位 于操作画布侧边的功能选区中通过操作事件进行点击选取。多个目标对象可以 是类型不同的对象，也可是同种类型的对象。针对不同类型的目标对象可以通 过不同的标注图形进行标注，同一种类型的目标对象通过同一类型的标注图形 进行标注。且对于操作画布中的同一张图像，可以同时对其中多种类型的目标 对象进行标注。
103、记录多个目标对象的坐标信息，并上传多个目标对象以及多个目标 对象的坐标信息。
其中，上述的坐标信息可以用于定位目标对象的位置。在完成对多个目标 对象的标注之后，可以记录每个目标对象在画布中的坐标信息，坐标信息可以 以标注图形的范围进行表示，也可以是通过标注图形的中心、重心等进行表示， 例如：对人体a进行标注对应的标注图形为圆，则圆对应的边缘之内的范围作 为人体a的坐标信息，当标注人体a的标注图形为三角形，则可以将三角形的 重心所在坐标作为人体a的坐标信息。当然，还可以有其他的表示方式，在本 实施例中，对此不做唯一限定。
当停止操作事件对操作画布进行操作，可以表示完成对多个目标对象的标 注，此时会记录好每个目标对象的坐标信息。在操作界面上，可以设置有确认 提交的选项，通过点击提交选项，可以同时将多个目标对象及与每个目标对象 对应的坐标信息进行上传提交。
在本发明实施例中，通过初始化操作事件以及操作画布；通过操作事件标 注操作界面中操作画布中的多个目标对象；记录多个目标对象的坐标信息，并 上传多个目标对象以及多个目标对象的坐标信息。由于可以实现操作事件与操 作画布的联动，通过操作事件对操作画布中的多个目标对象进行图形标注之后， 同时还可以实时记录目标对象的坐标信息，并将多个目标对象以及对应的坐标 信息提交，能够方便快捷的对操作画布中的图片进行操作，并且能获取相应的 图片信息，不需要额外安装任何软件或者插件，只需要用户端上有浏览器即可 进行图片操作，便于团队标注目标检测数据集。
如图2所示，图2是本发明实施例提供的另一种网页图像标注方法流程图， 具体包括以下步骤：
201、检测用户端是否支持操作画布。
本实施例中的用户端也可以称为终端、移动终端、客户端等。用户端包括 但不限于手机、平板电脑(Tablet Personal Computer)、膝上型电脑(Laptop Computer)、个人数字助理(personal digital assistant，简称PDA)、移动上网装 置(Mobile InternetDevice，MID)、计算机或笔记本电脑等电子设备。用户端 可以与用户之间可以通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行 人机交互。
本实施例提出的网页图像标注方法可以是一种针对网页的目标检测深度 学习数据集的图像标记应用软件。该软件安装于上述任一用户端。用户可以打 开该应用软件，打开后可以自动检测是不是支持上述的操作画布，也即是判断 能够对图像进行标注。
202、若用户端支持操作画布，则开启操作画布。
当用户端可以支持上述的操作画布之后，可以直接开启操作画布，显示操 作界面。因操作事件包括操作工具、悬浮图标及点击事件，当自动跳转到操作 界面后，识别到是初次打开，悬浮图标可以自动切换成预先设置的初始画笔颜 色以及画笔形状进行记录。
其中，上述的操作工具可以是包括鼠标、键盘等。上述的悬浮图标可以是 指处于悬浮状态的虚拟鼠标，用于根据操作人员操作实物鼠标在虚拟界面上执 行各种操作。上述的点击事件可以包括操作人员点击右键、点击左键、滚动鼠 标等等。
此外，若是上述的用户端检测到不能支持操作画布，则可以发出提示信息， 例如：不支持操作画布。当然，也可以是在检测不支持操作画布之后不发出提 示信息，直接退出检测状态回到DeepMark应用的初始界面。
203、绑定操作工具、悬浮图标以及点击事件，同时与操作画布关联。
其中，在开启操作画布之后，可以将上述的操作工具(鼠标)、悬浮图标 以及点击事件进行关系绑定，使得操作人员在操作鼠标在操作界面进行选择或 者绘制时，虚拟的操作界面上的悬浮图标能执行对应功能的动作。将操作事件 与操作画布进行关联可以实现操作事件在操作画布上对多个目标对象进行标 注。
204、通过点击事件安装操作画布以动态实时显示多个目标对象的图形轨 迹。
其中，当绑定操作工具、悬浮图标以及点击事件，同时与操作画布关联之 后，可以通过鼠标操作点击安装操作画布，然后导入需要标注的图像，且在操 作画布中可以通过悬浮图标对其中的多个目标对象进行选取标注。标注时，可 以实时显示标注图形的图形轨迹。
205、操作界面包括标注图形选区，目标对象包括多种类型，在标注图形 选区选取标注图形，通过标注图形绘制多个目标对象的图形轨迹，每种类型的 目标对象对应的标注图形的类型不同。
其中，在操作界面上可以包括标注图形选区，该选区可以位于操作画布左 侧、右侧等位置。标注图形也可以是至画笔的形状，包括但不限于点、线、矩 形、鼠标、梯形、三角形、多边形、圆形、箭头、平行四边形等等，也即表示 可以通过多图形标注对目标对象进行标注。在标注图形选区中可以点选任何一 种标注图形。需要说明的是，在多边形绘制时，左键点击开始，松开鼠标后不 会停止，只有右键鼠标才会停止。
上述的目标对象可以多种类型，也即是指可以包括人物、动物、交通工具 等等类型的对象。可以通过选择不同的标注图形对不同类型的目标对象进行标 注，便于分门别类，且都是在同一张图像上进行操作，例如：三角形标注人物， 圆形标注商店名称等。
206、判断目标对象的图形轨迹是否超出操作画布。
其中，在对目标对象绘制标注图形的图形轨迹过程中可能会存在超出规定 的区域之外(操作画布)的情况。通过实时坐标位置跟踪，可以检测图像轨迹 是否已经超出了操作画布。
207、若超出操作画布，则记录目标对象的图形轨迹的最后一次坐标信息， 当回到操作画布后始终保留绘制状态。
其中，上述的最后一次坐标信息可以是指绘制图形轨迹时，图形轨迹与操 作画布边缘交点位置的坐标信息。当绘制的图形轨迹超出操作画布之后，可以 通过鼠标调整悬浮图标使画笔再次进入到操作画布中，依旧保持与记录最后一 次坐标信息时一样的绘制状态(包括标注图形、颜色、大小等信息)，无需重 新调整与选取。
208、若未超出操作画布，则继续记录多个目标对象的坐标信息，并上传 多个目标对象以及多个目标对象的坐标信息。
可选的，操作界面还包括目标对象分类选区及标注图形参数设置区，上述 步骤102还包括：
通过点击事件点击操作工具，基于悬浮图标所在的位置，在目标对象分类 选区选取目标对象；及
在标注图形参数设置区选择标注图形的参数，标注图形的参数包括标注图 形画笔大小以及颜色。
具体的，上述的目标对象分类选取可以用于显示图像中对象的类别。上述 的标注图像参数设置区可以用于设置标注图形画笔的大小以及颜色。通过操作 人员移动鼠标，使得悬浮图标显示在目标对象分类选区进行对象选择，还可以 移动到标注图形参数设置区，在画笔大小下拉框中选择画笔大小以及在画笔颜 色的下拉框中选择画笔的颜色。
可选的，操作界面还包括编辑功能选区，上述步骤102还包括：
对多个目标对象进行图形标注后，通过点击事件点击操作工具，基于悬浮 图标所在的位置，在编辑功能选区选取辅助功能对目标对象对应的标注图形的 图形轨迹进行擦除/调整。
其中，编辑功能选区可以是用于对操作画布中已经标注的目标对象的图像 轨迹进行调整的选区，通过操作人员移动鼠标，使得悬浮图标显示在编辑功能 选区进行功能选择，以实现对图像中已经绘制的图形轨迹进行调整或者擦除。 编辑功能选区的辅助功能可以包括但不限于清除、辅助线、左转、右转、上下 翻转、左右翻转、框选放大、框选缩小、关闭放大、关闭缩小等等功能。
可选的，坐标信息包括画布坐标信息及实际坐标信息，上述步骤208包括：
记录操作画布中多个目标对象的画布坐标信息。
其中，画布坐标信息可以是基于画布所建立的坐标系中对应的坐标信息， 可以是二维坐标信息。上述的实际坐标信息可以是指所采集的图像对应的实际 地点的坐标信息。同一张图像中不同的目标对象之间的坐标偏差不会很大，便 于同时记录多个目标对象的画布坐标信息。
通过预设坐标转换关系，将操作画布中多个目标对象的画布坐标信息进行 转换，得到与多个目标对象一一对应的实际坐标信息，并进行记录。
其中，可以通过预设坐标转换关系将画布坐标信息转换成上述的实际坐标 信息，并对转换得到的实际坐标信息进行记录。对同一张图中的多个目标对象 进行标注完成以及坐标信息记录完之后，便可以将多个目标对象以及多个目标 对象的画布坐标信息及实际坐标信息进行上传提交。
在本发明实施例中，由于可以实现操作事件与操作画布的联动，通过操作 事件可以实现对操作画布中的多个目标对象进行图形标注。且上述操作界面提 供了标注图形选区、目标对象分类选区、标注图形参数设置区及编辑功能选区， 实现了对多标注图形选择、多画笔颜色及大小选择、以及提供多种辅助功能， 使得对操作画布中的图像进行操作时，有利于分门别类。同时还可以实时显示 标注图形的图形轨迹，记录目标对象的画布坐标信息以及实际坐标信息进行上 传，不需要额外安装任何软件或者插件，只需要用户端上有浏览器即可进行图 片操作，方便一个团队合作标注目标检测数据集。
如图3所示，图3是本发明实施例提供的网页图像标注装置的结构示意图， 网页图像标注装置300包括：
初始化模块301，用于初始化操作事件以及操作画布；
标注模块302，用于通过操作事件标注操作界面中操作画布中的多个目标 对象；
记录上传模块303，用于记录多个目标对象的坐标信息，并上传多个目标 对象以及多个目标对象的坐标信息。
可选的，如图4所示，图4是本发明实施例提供的另一种网页图像标注装 置的结构示意图，装置300还包括：
检测模块304，用于检测用户端是否支持操作画布；
启动模块305，用于若用户端支持操作画布，则开启操作画布。
可选的，操作事件包括操作工具、悬浮图标及点击事件，如图5所示，图 5是本发明实施例提供的另一种网页图像标注装置的结构示意图，初始化模块 301包括：
绑定单元3011，用于若用户端支持操作画布，则绑定操作工具、悬浮图 标以及点击事件，同时与操作画布关联；
安装单元3012，用于通过点击事件安装操作画布以动态实时显示多个目 标对象的图形轨迹。
可选的，操作界面包括标注图形选区，目标对象包括多种类型，如图6 所示，图6是本发明实施例提供的另一种网页图像标注装置的结构示意图，标 注模块302包括：
绘制单元3021，用于在标注图形选区选取标注图形，通过标注图形绘制 多个目标对象的图形轨迹，每种类型的目标对象对应的标注图形的类型不同；
判断单元3022，用于判断目标对象的图形轨迹是否超出操作画布；
记录单元3023，用于若超出操作画布，则记录目标对象的图形轨迹的最 后一次坐标信息，当回到操作画布后始终保留绘制状态。
可选的，操作界面还包括目标对象分类选区及标注图形参数设置区，如图 7所示，图7是本发明实施例提供的另一种网页图像标注装置的结构示意图， 标注模块还302包括：
选取单元3024，用于通过点击事件点击操作工具，基于悬浮图标所在的 位置，在目标对象分类选区选取目标对象；及
选取单元3024还用于在标注图形参数设置区选择标注图形的参数，标注 图形的参数包括标注图形画笔大小以及颜色。
可选的，操作界面还包括编辑功能选区，继续参考图7所示，图7是本发 明实施例提供的另一种网页图像标注装置的结构示意图，标注模块302还包括：
调整单元3025，用于对多个目标对象进行图形标注后，通过点击事件点 击操作工具，基于悬浮图标所在的位置，在编辑功能选区选取辅助功能对目标 对象对应的标注图形的图形轨迹进行擦除/调整。
可选的，坐标信息包括画布坐标信息及实际坐标信息，如图8所示，图8 是本发明实施例提供的另一种网页图像标注装置的结构示意图，记录上传模块 303包括：
记录单元3031，用于记录操作画布中多个目标对象的画布坐标信息；
转换单元3032，用于通过预设坐标转换关系，将操作画布中多个目标对 象的画布坐标信息进行转换，得到与多个目标对象一一对应的实际坐标信息， 并进行记录；
上传单元3033，用于将多个目标对象以及多个目标对象的画布坐标信息 及实际坐标信息进行上传。
如图9所示，图9是本发明实施例提供的一种电子设备的结构示意图，该 电子设备900包括：处理器901、存储器902、网络接口903及存储在存储器 902上并可在处理器901上运行的计算机程序，处理器901执行计算机程序时 实现实施例提供的网页图像标注方法中的步骤。
具体的，处理器901用于执行以下步骤：
初始化操作事件以及操作画布；
通过操作事件标注操作界面中操作画布中的多个目标对象；
记录多个目标对象的坐标信息，并上传多个目标对象以及多个目标对象的 坐标信息。
可选的，初始化操作事件以及操作画布之前，处理器901还执行检测用户 端是否支持操作画布；
若用户端支持操作画布，则开启操作画布。
可选的，操作事件包括操作工具、悬浮图标及点击事件，处理器901执行 的初始化操作事件以及操作画布的步骤包括：
若用户端支持操作画布，则绑定操作工具、悬浮图标以及点击事件，同时 与操作画布关联；
通过点击事件安装操作画布以动态实时显示多个目标对象的图形轨迹。
可选的，操作界面包括标注图形选区，目标对象包括多种类型，处理器 901执行的通过操作事件标注操作界面中操作画布中的多个目标对象的步骤 包括：
在标注图形选区选取标注图形，通过标注图形绘制多个目标对象的图形轨 迹，每种类型的目标对象对应的标注图形的类型不同；
判断目标对象的图形轨迹是否超出操作画布；
若超出操作画布，则记录目标对象的图形轨迹的最后一次坐标信息，当回 到操作画布后始终保留绘制状态。
可选的，操作界面还包括目标对象分类选区及标注图形参数设置区，处理 器901执行的通过操作事件标注操作界面中操作画布中的多个目标对象的步 骤还包括：
通过点击事件点击操作工具，基于悬浮图标所在的位置，在目标对象分类 选区选取目标对象；及
在标注图形参数设置区选择标注图形的参数，标注图形的参数包括标注图 形画笔大小以及颜色。
可选的，操作界面还包括编辑功能选区，处理器901执行的通过操作事件 标注操作界面中操作画布中的多个目标对象的步骤还包括：
对多个目标对象进行图形标注后，通过点击事件点击操作工具，基于悬浮 图标所在的位置，在编辑功能选区选取辅助功能对目标对象对应的标注图形的 图形轨迹进行擦除/调整。
可选的，坐标信息包括画布坐标信息及实际坐标信息，处理器901执行的 记录多个目标对象的坐标信息，并上传多个目标对象以及多个目标对象的坐标 信息的步骤包括：
记录操作画布中多个目标对象的画布坐标信息；
通过预设坐标转换关系，将操作画布中多个目标对象的画布坐标信息进行 转换，得到与多个目标对象一一对应的实际坐标信息，并进行记录；
将多个目标对象以及多个目标对象的画布坐标信息及实际坐标信息进行 上传。
本发明实施例提供的电子设备900能够实现网页图像标注方法实施例中 的各个实施方式，以及相应有益效果，为避免重复，这里不再赘述。
需要指出的是，图中仅示出了具有组件的901-903，但是应理解的是，并 不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。其中，本 技术领域技术人员可以理解，这里的电子设备900是一种能够按照事先设定或 存储的指令，自动进行数值计算和/或信息处理的设备，其硬件包括但不限于 微处理器、专用集成电路(ApplicationSpecific Integrated Circuit，ASIC)、可编 程门阵列(Field－ProgrammableGateArray，FPGA)、数字处理器(Digital Signal Processor，DSP)、嵌入式设备等。
存储器902至少包括一种类型的可读存储介质，可读存储介质包括闪存、 硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器 (RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可 编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁 盘、光盘等。在一些实施例中，存储器902可以是电子设备900的内部存储单 元，例如该电子设备900的硬盘或内存。在另一些实施例中，存储器902也可 以是电子设备900的外部存储设备，例如该电子设备900上配备的插接式硬盘， 智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪 存卡(Flash Card)等。当然，存储器902还可以既包括电子设备900的内部 存储单元也包括其外部存储设备。本实施例中，存储器902通常用于存储安装 于电子设备900的操作系统和各类应用软件，例如网页图像标注方法的程序代 码等。此外，存储器902还可以用于暂时地存储已经输出或者将要输出的各类 数据。
处理器901在一些实施例中可以是中央处理器(Central Processing Unit，CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器901 通常用于控制电子设备900的总体操作。本实施例中，处理器901用于运行存 储器902中存储的程序代码或者处理数据，例如运行网页图像标注方法的程序 代码。
网络接口903可包括无线网络接口或有线网络接口，该网络接口903通常 用于在电子设备900与其他电子设备之间建立通信连接。
本发明实施例还提供一种计算机可读存储介质，计算机可读存储介质上存 储有计算机程序，计算机程序被处理器901执行时实现实施例提供的网页图像 标注方法中的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘 述。
本领域普通技术人员可以理解实现实施例网页图像标注方法中的全部或 部分流程，是可以通过计算机程序来指令相关的硬件来完成，的程序可存储于 一计算机可读取存储介质中，该程序在执行时，可包括如各方法的实施例的流 程。其中，存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存取存储器(Random AccessMemory，简称RAM)等。
以上所揭露的仅为本发明较佳实施例而已，当然不能以此来限定本发明之 权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。

Claims (10)

1.网页图像标注方法，其特征在于，包括以下步骤：
初始化操作事件以及操作画布；
通过所述操作事件标注操作界面中所述操作画布中的多个目标对象；
记录所述多个目标对象的坐标信息，并上传所述多个目标对象以及所述多个目标对象的坐标信息。
2.如权利要求1所述的网页图像标注方法，其特征在于，所述初始化操作事件以及操作画布之前，方法还包括步骤：
检测用户端是否支持所述操作画布；
若所述用户端支持所述操作画布，则开启所述操作画布。
3.如权利要求2所述的网页图像标注方法，其特征在于，所述操作事件包括操作工具、悬浮图标及点击事件，所述初始化操作事件以及操作画布的步骤包括：
若所述用户端支持所述操作画布，则绑定所述操作工具、悬浮图标以及点击事件，同时与所述操作画布关联；
通过所述点击事件安装所述操作画布以动态实时显示所述多个目标对象的图形轨迹。
4.如权利要求3所述的网页图像标注方法，其特征在于，所述操作界面包括标注图形选区，所述目标对象包括多种类型，所述通过所述操作事件标注操作界面中所述操作画布中的多个目标对象的步骤包括：
在所述标注图形选区选取所述标注图形，通过所述标注图形绘制所述多个目标对象的图形轨迹，每种类型的所述目标对象对应的所述标注图形的类型不同；
判断所述目标对象的图形轨迹是否超出操作画布；
若超出所述操作画布，则记录所述目标对象的图形轨迹的最后一次坐标信息，当回到所述操作画布后在所述最后一次坐标信息处保留绘制状态。
5.如权利要求3所述的网页图像标注方法，其特征在于，所述操作界面还包括目标对象分类选区及标注图形参数设置区，所述通过所述操作事件标注操作界面中所述操作画布中的多个目标对象的步骤还包括：
通过所述点击事件点击所述操作工具，基于所述悬浮图标所在的位置，在所述目标对象分类选区选取目标对象；及
在所述标注图形参数设置区选择所述标注图形的参数，所述标注图形的参数包括标注图形画笔大小以及颜色。
6.如权利要求5所述的网页图像标注方法，其特征在于，所述操作界面还包括编辑功能选区，所述通过所述操作事件标注操作界面中所述操作画布中的多个目标对象的步骤还包括：
对所述多个目标对象进行图形标注后，通过所述点击事件点击所述操作工具，基于所述悬浮图标所在的位置，在所述编辑功能选区选取辅助功能对所述目标对象对应的标注图形的图形轨迹进行擦除/调整。
7.如权利要求1所述的网页图像标注方法，其特征在于，所述坐标信息包括画布坐标信息及实际坐标信息，所述记录所述多个目标对象的坐标信息，并上传所述多个目标对象以及所述多个目标对象的坐标信息的步骤包括：
记录所述操作画布中所述多个目标对象的所述画布坐标信息；
通过预设坐标转换关系，将所述操作画布中所述多个目标对象的所述画布坐标信息进行转换，得到与所述多个目标对象一一对应的所述实际坐标信息，并进行记录；
将所述多个目标对象以及所述多个目标对象的所述画布坐标信息及所述实际坐标信息进行上传。
8.网页图像标注装置，其特征在于，包括：
初始化模块，用于初始化操作事件以及操作画布；
标注模块，用于通过所述操作事件标注操作界面中所述操作画布中的多个目标对象；
记录上传模块，用于记录所述多个目标对象的坐标信息，并上传所述多个目标对象以及所述多个目标对象的坐标信息。
9.一种电子设备，其特征在于，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1至7中任一项所述的网页图像标注方法中的步骤。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述的网页图像标注方法中的步骤。
CN202011241783.4A 2020-11-09 2020-11-09 网页图像标注方法、装置、电子设备及存储介质 Pending CN112346809A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011241783.4A CN112346809A (zh) 2020-11-09 2020-11-09 网页图像标注方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011241783.4A CN112346809A (zh) 2020-11-09 2020-11-09 网页图像标注方法、装置、电子设备及存储介质

Publications (1)

Publication Number Publication Date
CN112346809A true CN112346809A (zh) 2021-02-09

Family

ID=74429943

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011241783.4A Pending CN112346809A (zh) 2020-11-09 2020-11-09 网页图像标注方法、装置、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN112346809A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114359367A (zh) * 2022-03-15 2022-04-15 深圳市华付信息技术有限公司 数据标注方法、装置、计算机设备及存储介质
CN116580286A (zh) * 2023-07-12 2023-08-11 宁德时代新能源科技股份有限公司 图像标注方法、装置、设备和存储介质
CN117115570A (zh) * 2023-10-25 2023-11-24 成都数联云算科技有限公司 一种基于Canvas的图像标注方法和系统

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114359367A (zh) * 2022-03-15 2022-04-15 深圳市华付信息技术有限公司 数据标注方法、装置、计算机设备及存储介质
CN116580286A (zh) * 2023-07-12 2023-08-11 宁德时代新能源科技股份有限公司 图像标注方法、装置、设备和存储介质
CN116580286B (zh) * 2023-07-12 2023-11-03 宁德时代新能源科技股份有限公司 图像标注方法、装置、设备和存储介质
CN117115570A (zh) * 2023-10-25 2023-11-24 成都数联云算科技有限公司 一种基于Canvas的图像标注方法和系统
CN117115570B (zh) * 2023-10-25 2023-12-29 成都数联云算科技有限公司 一种基于Canvas的图像标注方法和系统

Similar Documents

Publication Publication Date Title
CN112346809A (zh) 网页图像标注方法、装置、电子设备及存储介质
CN111008520B (zh) 一种批注方法、装置、终端设备及存储介质
US11262895B2 (en) Screen capturing method and apparatus
EP3091426A1 (en) User terminal device providing user interaction and method therefor
CN110297550B (zh) 一种标注显示方法、装置、投屏设备、终端和存储介质
AU2010219367B2 (en) Ink collection and rendering
US10013156B2 (en) Information processing apparatus, information processing method, and computer-readable recording medium
CN104123520A (zh) 二维码扫描方法及装置
KR20140104709A (ko) 휴대 단말에 의해 촬영된 이미지들을 합성하는 방법, 기계로 읽을 수 있는 저장 매체 및 휴대 단말
CN111310793B (zh) 一种医学图像分类方法、装置、移动终端及介质
CN105144058A (zh) 延迟放置提示
JPH1145149A (ja) データ表示装置及び方法並びに記録媒体、データ送信装置及び方法
CN106575300A (zh) 用于识别文档中的对象的基于图像的搜索
US20110149115A1 (en) Electronic device and method for operating a presentation application file
WO2020221073A1 (zh) 一种内容翻译的方法和终端
US20160259524A1 (en) 3d object modeling method and storage medium having computer program stored thereon using the same
CN111400426A (zh) 一种机器人位置部署方法、装置、设备和介质
WO2022144648A1 (en) Graphics authoring application user interface control
WO2022144649A1 (en) Time lapse video generation by re-executing user instructions in a graphics vector application
CN113703631A (zh) 书写控制方法、装置、电子设备及存储介质
JP2009009459A (ja) 情報表示装置、表示システムおよび情報表示方法
CN114299271A (zh) 三维建模方法、三维建模装置、电子设备和可读存储介质
CN114461312B (zh) 显示的方法、电子设备及存储介质
CN112162805B (zh) 截图方法、装置和电子设备
KR20220124585A (ko) 인공지능 모델 트레이닝 이미지를 매뉴얼 라벨링을 이용하여 오토 라벨링 하는 방법

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