如何在回调中更改 html.Img() 样式？

Question

我正在使用 html.Img(src='image.png',style={'height':'300px', 'width':'100%') 添加图像。

我想在回调中为不同的图像更改图像大小，我能想到的一件事是更改图像样式以在回调中更改图像大小。我不知道如何在回调中更改 Img 组件的样式。感谢您的帮助。

这里是回调中的代码

首先定义 html.Img() 组件

    html_img_well = html.Img(id = 'html-img', src = '',
                                style={'height':'300px', 'width':'100%'})

在 cabllback


@app.callback(
    [
        Output("html-img", 'src'),
    ],

def change_dts_sql_plot():

image_well='assets/'+wellname+'_image.PNG'

return seismic_image_well

Answer 1

你应该可以做到这一点：

Output("html-img", 'style'),

然后使用回调，即使您想要（多个输出）更改样式也是如此。您还可以将 Img 组件放在 div 中，然后每次用新的 html.Img 更新 div 的 children 属性 , 允许您设置所有属性。

how to change html.Img() style in callback?