Javascript 如何用d3中的形状移动形状背景图像

我试图在一个力定向图中描绘出团队成员的技能和兴趣

绘制了基本结构图。我不想在圆圈旁边写名字，我想让圆圈里有这些人的照片，如果有的话

调用

.force（'charge'，d3.forceManyBody（））

可以让我的形状在初始化过程中自行重新定向。这会对背景图像造成一些奇怪的重复效果，因为这不会随形状移动

以下是完整的代码，也可以通过以下方式获得：

---

如何使背景图像粘贴到形状本身，使其与包含它的形状一起移动？

诀窍是将

patternUnits

更改为

objectBoundingBox

：

.attr("patternUnits", "objectBoundingBox")

使用此选项，会使图像使用所用形状内的坐标，即定义它的整个svg元素的坐标

参考：

.attr("patternUnits", "objectBoundingBox")