要做一个访问路径图,需要在两个路径之间画出曲线(或者直线),该用什么呢?

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

https://img1.mukewang.com/5c656c8500012dd308000451.jpg

噜噜哒
浏览 626回答 1
1回答

喵喔喔

如果你这是ui图,我想说,没必要这么复杂,用直线。如果真要用,我想到用border-radius 做曲线。这需要用到定位。1.用border-radius 写出一个圆形,背景色是蓝色,定位到你想要到的地方。2.在做一个背景白色的元。放到第一个圆的里面。这时候的效果是用户会看到线条蓝色的圆,圆里面是白色的。其实我们知道这是两个定位在一起的圆而已。3.用其他元素覆盖掉圆形的其他地方(定位)。留下一下弧线,就出现了你图片中的效果。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript