首页 > 解决方案 > jupyter notebook 中图像的交互式标记

问题描述

我有一张图片列表:

pictures = {im1,im2,im3,im4,im5,im6}

在哪里

IM1: 在此处输入图像描述

IM2: 在此处输入图像描述

IM3: 在此处输入图像描述

IM4: 在此处输入图像描述

IM5: 在此处输入图像描述

IM6: 在此处输入图像描述

我想将图片分配给标签(1、2、3、4 等)

例如,这里的图片 1 到 3 属于标签 1,图片 4 属于标签 2,图片 5 属于标签 3,图片 6 属于标签 4。

->label = {1,1,1,2,3,4}

由于在标记图像时需要查看图像,因此在标记图像时需要一种方法来执行此操作。我正在考虑创建一组图像:

在此处输入图像描述

然后我通过单击属于相同标签的第一张和最后一张图片来定义范围,例如:

在此处输入图像描述

你怎么看 ?这有可能吗?

我想为不同范围的图片分配不同的标签。

在此处输入图像描述

例如:当一个人完成选择第一个标签时,可以通过双击来指示它 ,然后选择第二个标签范围,然后双击,然后选择第三个标签范围,然后双击,然后进行第四个标签范围的选择,以此类推。

它不必是双击来更改标签的选择,它也可以只是一个按钮或您可能有的任何其他想法。

最后应该有标签列表。

标签: python-3.ximageopencvjupyter-notebookinteractive

解决方案


从本质上讲,您正在寻找的大部分交互都归结为能够显示图像并实时检测对它们的点击。在这种情况下,您可以使用 jupyter 小部件(又名ipywidgets)模块来实现您正在寻找的大部分(如果不是全部)。

看看这里描述的按钮小部件,并解释了如何注册到它的点击事件。问题 - 我们无法在按钮上显示图像,而且我在ipywidgets文档中没有找到任何方法来做到这一点。有一个图像小部件,但它不提供on_click事件。因此,构建一个自定义布局,每个图像下方都有一个按钮:

COLS = 4
ROWS = 2
IMAGES = ...
IMG_WIDTH = 200
IMG_HEIGHT = 200

def on_click(index):
    print('Image %d clicked' % index)

import ipywidgets as widgets
import functools

rows = []

for row in range(ROWS):
    cols = []
    for col in range(COLS):
        index = row * COLS + col
        image = widgets.Image(
            value=IMAGES[index], width=IMG_WIDTH, height=IMG_HEIGHT
        )
        button = widgets.Button(description='Image %d' % index)
        # Bind the click event to the on_click function, with our index as argument
        button.on_click(functools.partial(on_click, index))

        # Create a vertical layout box, image above the button
        box = widgets.VBox([image, button])
        cols.append(box)

    # Create a horizontal layout box, grouping all the columns together
    rows.append(widgets.HBox(cols))

# Create a vertical layout box, grouping all the rows together
result = widgets.VBox(rows)

从技术上讲,您还可以编写一个自定义小部件来显示图像并听取点击,但我根本不相信这值得您花时间和精力。

祝你好运!


推荐阅读