I have imported an image in plotly dash and then put some other images over it ( like a collage ) . How can I save all group as one image in plotly dash .
Want to save everything under this div as an image.
html.Div(children = [
html.Img(src=dash.get_asset_url('bg_image.png'),
style={"position": "absolute", "top": "20px", "right": "0px", "width": "1080px", "height": "1920px", "object-fit": "cover"}),
html.Div(id="overlay_area",
children=[
html.H3(id = 'time',style={"position": "absolute","top": "30px", "right": "450px"}),
html.Img(id = 'overlay1',src=dash.get_asset_url('dummy.png'),
style={"position": "absolute", "top": "70px", "right": "620px", "width": "350px", "height": "350px", "object-fit": "cover"}),
html.Img(id = 'overlay2',src=dash.get_asset_url('dummy.png'),
style={"position": "absolute", "top": "440px", "right": "620px", "width": "350px", "height": "350px", "object-fit": "cover"}),
html.Img(id = 'overlay3',src=dash.get_asset_url('dummy.png'),
style={"position": "absolute", "top": "790px", "right": "620px", "width": "350px", "height": "350px", "object-fit": "cover"}),
],
)
],style={"padding": "0", "margin": "0", "width": "100%", "height": "100%", "position": "relative"})
figure = go.Figure()
figure.add_layout_image(
source='/assets/overlay1.png',
x=0,
y=0,
xref='x',
yref='y',
)
pio.write_image(figure,"/assets/1.png") # dont save anything but blank gird of plot