使用滑块小部件以交互方式更改图像内容

Question

我正在尝试使用滑块以交互方式更改图像的内容（例如，应用具有不同内核大小的中值操作）。

虽然如果我只显示一个结果图像（参见注释行），这很有效，但在使用 subplot 函数时会遇到麻烦，因为图像不会得到更新。

我错过了什么？

%matplotlib inline
from ipywidgets import interact, widgets
import matplotlib.pyplot as plt
import warnings

from skimage.morphology import disk
from skimage.filters import rank
from skimage.color import rgb2gray
import skimage.data


def f(Median_Size):
    selem = disk(int(Median_Size))
    with warnings.catch_warnings():
        warnings.simplefilter("ignore")
        img_median = rank.median(img_gray, selem=selem) 

    ax_neu.imshow(img_median, cmap="gray")
    fig.canvas.draw()
    #plt.imshow(img_median, cmap="gray") #This would work
    #plt.show()

image = skimage.data.camera() #plt.imread("Test.png")       
img_gray = rgb2gray(image)

fig = plt.figure(figsize=(6, 4))
ax_orig = fig.add_subplot(121) 
ax_neu = fig.add_subplot(122) 

ax_orig.imshow(img_gray, cmap="gray")
ax_neu.imshow(img_gray, cmap="gray")

interact(f, Median_Size=widgets.IntSlider(min=1,max=21,step=2,value=1)) 

Answer 1

使用%matplotlib notebook

您可以使用笔记本后端来代替内联后端。这将允许按预期调用figure.canvas.draw()，将代码作为脚本运行。将%matplotlib inline 行替换为

%matplotlib notebook

并重新启动内核。

使用display

您可以display 更改后的新图形。缺点是它会创建两次输出。然后，一种解决方法是将交互放入一个新单元格中并捕获第一个单元格的输出。

%%capture
%matplotlib inline
from ipywidgets import interact, widgets
from IPython.display import display
import matplotlib.pyplot as plt
import warnings

from skimage.morphology import disk
from skimage.filters import rank
from skimage.color import rgb2gray
import skimage.data


def f(Median_Size):
    selem = disk(int(Median_Size))
    with warnings.catch_warnings():
        warnings.simplefilter("ignore")
        img_median = rank.median(img_gray, selem=selem) 

    ax_neu.imshow(img_median, cmap="gray")
    fig.canvas.draw()
    display(fig)

image = skimage.data.camera() #plt.imread("Test.png")       
img_gray = rgb2gray(image)

fig = plt.figure(figsize=(6, 4))
ax_orig = fig.add_subplot(121) 
ax_neu = fig.add_subplot(122) 

ax_orig.imshow(img_gray, cmap="gray")
ax_neu.imshow(img_gray, cmap="gray")

在一个新的单元格中

interact(f, Median_Size=widgets.IntSlider(min=1,max=21,step=2,value=1));

然后输出将如下所示：