Javascript 如何使用Visx在React中将图像覆盖到图形上

我想知道是否有一种方法可以将图像叠加到visx图形上，以便在使用缩放和工具提示时，图像沿着图形的一侧移动。我可以将图像覆盖到图形上，但是当您使用缩放功能时，图形会放大，但图片是恒定的，并且当您尝试在下面的代码片段中声明img时，它不会出现。我想把这张照片作为标签的一部分。希望这能解释我的问题，谢谢

const-Example=（{width，height，levels=5}:RadarProps）=>{
const lineRef=useRef（null）；
//在初始渲染后已知线长度后设置线长度
如果（宽度<10）返回空值；
//更新比例输出以匹配零部件尺寸
Y刻度范围（[0，高度/2-填充]）；
const reverseYScale=yScale.copy（）.range（yScale.range（）.reverse（））；
常量多边形点=广义多边形点（数据，d=>yScale（d），y，x，w，h）；
返回(
{（缩放）=>(
({
尺寸：12，
填充：蓝色，
不透明度：1，
textAnchor:'中间'，
dx:'1.4em'，
dy:'-0.5em'，
笔划：笔划颜色，
冲程宽度：0.5，
绘画顺序：“笔划”，
})}
tickFormat={formatTicks}
隐匿线
/>
{polygonPoints.points.map（（点，i）=>(
))}
{
if（zoom.isDraging）zoom.dragEnd（）；
}}
/>
)}