安利一个绘制指引线的JS库leader-line
前言 之前看到一篇推荐 Magi 这个搜索引擎的新闻，对于这个搜索引擎是否好用咱们不予置评，但是我在这个搜索引擎上面发现了一个好玩的前端功能。 如上图，将鼠标浮动到学习来源上时，会展示一堆指引线。 本博客的右侧文章目录也集成了这个功能，诸位可以玩一玩。 当时觉得这个功能很好玩，而且前端领域其实这种指引线还是有很多用处的，比如新手指引，功能指引，脑图之类的功能。 鉴于以后很可能需要用到，当时就调试了一下这个网站，发现使用了 leader-line 这个库。 然后百度了一下，发现网上也没什么人介绍这个库，所以这里写个安利文吧。 LeaderLine 这个库在Github上的介绍很简单： Draw a leader line in your web page. 意思就是在网页上画指引线。 使用起来也非常方便： <script src="leader-line.min.js"></script> <script> new LeaderLine( document.getElementById('start'), document.getElementById('end') ); </script> new一个LeaderLine对象即可，只需要输入两个dom元素节点而已。 当然也可以输入更多的参数来绘制各种各样的指引线： 具体的使用方法可以去查看lead-line的 Github地址