Вставить изображение с рамкой в ​​Plotly ⇐ Python

[Anonymous]

Чтобы создать график рассеяния с изображениями в каждой точке, мы можем сделать:

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

import plotly.express as px
from PIL import Image

xs = [0, 1, 2]
ys = [0, 1, 4]
images = [Image.open("a.png"), Image.open("b.png"), Image.open("c.png")]

figure = px.scatter(x=xs, y=ys)

size = 2

for x, y, image in zip(xs, ys, images):
figure.add_layout_image(
x=x,
y=y,
source=Image.open(png),
xref="x",
yref="y",
sizex=size,
sizey=size,
xanchor="center",
yanchor="middle",
)

Как добавить рамку вокруг вставленного изображения, не запекая его в само изображение?
Я полагаю, чтоfig.add_shape может быть используется для добавления прямоугольника в качестве границы, что-то вроде:

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

figure.add_shape(
type="rect",
x0=x - size / 2,
y0=y - size / 2,
x1=x + size / 2,
y1=y + size / 2,
line=dict(
color="red",
width=2,
),
opacity=0.5,
)

за исключением того, что при этом поле отображается в неправильном месте.
Я хотел бы использовать этот вопрос, чтобы документировать правильные параметры для позиционирования поля. быть вдоль границы изображения.

Подробнее здесь: https://stackoverflow.com/questions/792 ... -in-plotly