我有一个任务来制作职业道路演示，它包括在html中创建svg中的圆圈，并在它们之间划线以将它们全部连接起来。我用jquery制作了圆圈，这是我圈子的一些例子：
<html>
<body>
<svg id="svg1" width="2500" height="2000">
<circle id="circle1" cx="100" cy="773" r="100" fill="cornflowerblue" stroke="black" stroke-width="3" />
<circle id="circle2" cx="250" cy="765" r="100" fill="cadetblue" stroke="black" stroke-width="3"/>
<circle id="circle3" cx="660" cy="265" r="100" fill="blueviolet" stroke="black" stroke-width="3" />
</body>
我不知道的是如何自动生成从circle1到circle2以及从circle1到circle3的行等等，或者只是使用圆圈的id作为我的行的点，我可以操作那些用于在相关圆圈被光标悬停时隐藏或显示它们的行。
谢谢，对不好的英语感到抱歉..