Tkinter Canvas能否叠加绘制元素？plotnine轨迹与边界圆整合需求

完全可以实现，下面是两种可行的方案：

方案一：直接在Tkinter Canvas上绘制圆形 #

Canvas加载图片后，可使用原生的create_oval方法绘制圆形，只需将plotnine图中的坐标转换为Canvas的像素坐标（注意Tkinter的y轴方向与plotnine相反）。

步骤与代码示例： #

# （接你已有的代码，在vis_canvas.create_image之后添加）

# 获取plot的x、y轴范围
x_min, x_max = vis.xlim
y_min, y_max = vis.ylim

# 计算缩放比例（因为用了coord_fixed，x/y缩放比例一致）
scale = dim_width / (x_max - x_min)

# --------------------------
# 替换为你的圆形实际参数（plot坐标系中的值）
circle_params = [
    {'x': 0, 'y': 0, 'r': 5, 'color': 'red', 'width': 2},
    {'x': 10, 'y': 10, 'r': 3, 'color': 'blue', 'width': 2}
]
# --------------------------

for param in circle_params:
    # 转换圆心到Canvas像素坐标（Tkinter y轴向下，需反转）
    cx = (param['x'] - x_min) * scale
    cy = (y_max - param['y']) * scale
    r_pixel = param['r'] * scale
    
    # 绘制圆形：左上角(cx-r, cy-r)，右下角(cx+r, cy+r)
    vis_canvas.create_oval(
        cx - r_pixel, cy - r_pixel,
        cx + r_pixel, cy + r_pixel,
        outline=param['color'],
        width=param['width']
    )

方案二：在plotnine中预先添加圆形 #

直接在生成轨迹图时就把圆形画进去，保存的图片自带边界，无需在Canvas中额外处理，坐标匹配更精准，适合多facet场景。

步骤与代码示例： #

使用plotnine的geom_circle（需确保plotnine版本≥0.12），为每个facet子图添加圆形：

# （接你已有的plotnine代码，在vis.save之前添加）

# 准备圆形数据：包含所有facet分组（hand和repetitionID）
circle_data = traiettoria_utente[['hand', 'repetitionID']].drop_duplicates()
# 第一个圆形的参数（plot坐标系）
circle_data['x0'] = 0
circle_data['y0'] = 0
circle_data['r'] = 5

# 添加第一个圆形
vis = vis + geom_circle(aes(x0='x0', y0='y0', r='r'), data=circle_data, color='red', size=2)

# 第二个圆形，同理
circle_data2 = circle_data.copy()
circle_data2['x0'] = 10
circle_data2['y0'] = 10
circle_data2['r'] = 3
vis = vis + geom_circle(aes(x0='x0', y0='y0', r='r'), data=circle_data2, color='blue', size=2)

# 后续保存图片、加载到Canvas的代码不变
vis.save(f'{dest_folder}plot_{i}.png', dpi=500)
# ...（你的后续代码）

两种方案对比 #

• Canvas绘制：无需重新生成图片，可动态调整圆形参数，适合需要交互修改边界的场景
• plotnine绘制：圆形与轨迹图坐标完全匹配，避免缩放偏差，适合固定边界的批量绘图场景

内容的提问来源于stack exchange，提问作者Ale_7