要做一个访问路径图，需要在两个路径之间画出曲线（或者直线），该用什么呢？

Question

想过canvas、D3.js，但是canvas的话是在一个画布里面，我的需求还是需要有HTML元素，比如下拉框；D3.js好像也是仅仅展示数据，对于下拉框无法处理。现在就想知道怎样能够简单的画出两点之间的线来。或者有知道别的解决办法的也可以付需求图：

Answer 1

如果你这是ui图，我想说，没必要这么复杂，用直线。
如果真要用，我想到用border-radius 做曲线。这需要用到定位。
1.用border-radius 写出一个圆形，背景色是蓝色，定位到你想要到的地方。
2.在做一个背景白色的元。放到第一个圆的里面。这时候的效果是用户会看到线条蓝色的圆，圆里面是白色的。
其实我们知道这是两个定位在一起的圆而已。
3.用其他元素覆盖掉圆形的其他地方（定位）。留下一下弧线，就出现了你图片中的效果。