如何用Plots.jl（Plotly后端）在指定坐标绘制图像？

当然可以实现这个需求！Plots.jl结合Plotly后端时，你可以通过annotate!函数在图表的特定坐标位置添加图像，并且自定义它的尺寸。下面是具体的实现步骤和示例代码：

实现步骤与代码示例 #

1. 首先加载必要的包并切换到Plotly后端：

using Plots
plotly()  # 切换到Plotly后端

2. 创建基础图表并添加图像注释，将图像定位到(x=1, y=1)处并设置尺寸为1：

# 先创建一个带坐标轴范围的基础图表，确保目标坐标可见
p = scatter([1], [1], label="参考点", xlims=(0,2), ylims=(0,2))

# 在指定坐标添加图像
annotate!(
    1, 1,  # 目标坐标点(x=1, y=1)
    Plots.text(
        "",  # 文本内容留空，专注于图像渲染
        image="your-image-path.png",  # 替换为你的本地图像路径或在线URL
        xref="x", yref="y",  # 关联到当前坐标轴的坐标系统
        xanchor="center", yanchor="center",  # 让图像中心对齐目标坐标
        width=1, height=1  # 图像尺寸，单位对应坐标轴的单位长度
    )
)

display(p)

关键细节说明 #

• 坐标对齐：xanchor="center"和yanchor="center"确保图像的中心点正好落在(x=1, y=1)；如果需要图像左下角对齐坐标，可以改成xanchor="left"和yanchor="bottom"。
• 尺寸单位：这里的width=1和height=1对应的是坐标轴上的单位长度——比如x轴范围是0到2，那图像宽度会占据一半的x轴可视范围。如果想要固定像素尺寸，可以把xref和yref改成"paper"，再调整width/height的数值（比如设为200代表200像素）。
• 图像来源：支持本地图像路径（绝对/相对路径均可），也可以直接用在线图像的URL，比如image="https://example.com/sample-image.png"。

注意事项 #

• 务必确保坐标轴范围包含目标坐标(1,1)，否则图像可能被裁剪或移出视口，示例中用xlims=(0,2)和ylims=(0,2)保证坐标点可见。
• 如果图像显示异常，可以检查Plotly后端的版本是否为最新，旧版本偶尔会存在注释渲染的小问题。

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