python - Jupyter Lab 交互式图像显示:使用 HBox 的小部件排列问题
问题描述
我正在尝试使用滑块以交互方式更改图像的内容(例如,用于应用具有不同值的阈值操作)。
我的代码如下:
#%matplotlib ipympl
%matplotlib widget
import matplotlib.pyplot as plt
import cv2
import numpy as np
import ipywidgets as widgets
from ipywidgets import HBox, IntSlider
from IPython.display import Image
def update_lines(change):
ret,thresh2 = cv2.threshold(img_gray,change.new,255,cv2.THRESH_BINARY)
plt.imshow(thresh2)
fig.canvas.flush_events()
image = cv2.imread("Untitled.jpg")
img_gray = cv2.cvtColor(image, cv2.COLOR_BGR2GRAY)
ret,thresh2 = cv2.threshold(img_gray,30,255,cv2.THRESH_BINARY)
fig = plt.figure()
ax = fig.add_subplot(1, 1, 1)
slider = IntSlider(
orientation='vertical',
step=1,
value=127,
min=0,
max=255
)
display(HBox([slider, fig.canvas]))
slider.observe(update_lines, names='value')
执行我的代码时,我有一个意外的行为:该图显示两次,第一次是我做fig = plt.figure()
的时候,第二次是我做的时候display(HBox([slider, fig.canvas]))
=>看图显示两次。
如何仅将图像显示到 HBox 中?
当我用滑块更改值时,我有以下结果 =>更改值后
解决方案
似乎无法直接说服 matplotlib 在figure()
调用时绘制图形,但可以将其封装在一个Output
小部件中(取自此处):
output = widgets.Output()
with output:
fig = plt.figure()
# fill figure with content here
display(HBox([slider, output]))
这样,该图将正确显示一次。