拖动;放入画布

Question

我用这样的画布创建了一棵树：

，源代码为fiddle here。

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

我点击了第一个圆圈（ltr），现在圆圈内容为＆＃34; X＆＃34;当点击第5个圆圈成为＆＃34; X＆＃34;时也是如此。现在我想要点击第一个圆圈，然后突出显示相邻的圆圈，即第2个和第4个圆圈。也就是说这个x字符只是两个中的一个，当点击相邻的圆圈时，这个角色就会转到那个位置。我怎么能这样做？ 谢谢你的回答！