Javascript 在画布中拖放

我用画布创建了一棵树，如下所示：

源代码是

我单击了第一个圆圈TR，现在当单击第五个圆圈时，圆圈内容也是X。现在我想单击第一个圆圈，然后突出显示相邻的圆圈，即第二个和第四个圆圈。也就是说，这个X字符只指向两个圆圈中的一个，当单击相邻圆圈时，这个字符指向该位置。我怎么能做到？

---

谢谢你的回答

我现在在做什么？

<div id="ways" style="width:1000px;margin:0 auto;height:100%;">
<canvas id="canvas" width="1000" height="1000"></canvas>
</div>