Как отобразить изображение в графическом интерфейсе, используя традицию, vuetify ⇐ Python

[Anonymous]

Я новичок в традиции и Vuetify. Мне нужно показать изображение в графическом интерфейсе. GUI будет работать на местном хосте. Мой MWE приведен ниже: < /p>

Код: Выделить всё

from trame.app import get_server
from trame.widgets import html, vuetify, vtk as vtk_widgets
from trame.ui.vuetify import SinglePageLayout
import os

# -----------------------------------------------------------------------------
# Trame setup
# -----------------------------------------------------------------------------

server = get_server(client_type="vue2")
state, ctrl = server.state, server.controller

#################
state.trame__title = "Test"

with SinglePageLayout(server) as layout:
layout.icon.click = "$refs.view.resetCamera()"

with layout.content:
with vuetify.VContainer(fluid=True, classes="pa-0 fill-height d-flex flex-row"):
with vuetify.VCol(style="max-width: 20vw; min-width: 200px;"):
with vuetify.VContainer():
print("Image exists:", os.path.exists("assets/my_test_image.png"))
print("Image exists:", os.path.exists("assets/my_test_image.png"))
html.Img(
src="/assets/my_test_image.png",
style=(
"max-width: 100%; "
"margin-top: 20px; "
"display: block;"
)
)
# -----------------------------------------------------------------------------
# Main
# -----------------------------------------------------------------------------

if __name__ == "__main__":
server.start()

Вопрос: В вышеуказанной программе я хочу отобразить изображение с именем my_test_image.png , которое уже присутствует в папке . Программа работает, но изображение не отображается (скорее отображается значок изображения Borken). В качестве проверки здравомыслия я поместил оператор Print , чтобы проверить, существует ли изображение, и я получен ** Изображение существует: true ** . Как отобразить изображение в графическом интерфейсе?

Подробнее здесь: https://stackoverflow.com/questions/796 ... me-vuetify