两个节点之间画线,使用SVG,案例建议使用webstorm打开,就不用自己另外启一个服务了,原本想使用LeaderLine, 但是LeaderLine的SVG全画在body上了,不满足要求,所以自己写了一个简单的,目前只是初版,只支持开始元素的右侧向结束元素的左侧连线。满足初步使用。有兴趣的可以自行修改。
使用方法 import RzLine from 'xxxxx';
let line = RzLine.setLine(startElement, endElement, container);
// container是包裹元素,可不传,默认画在body上,但是如果两个元素存在于容器中,而且容器可以滚动,画在body上的线条是不会跟着滚动的,所以建议传入container
line.removeLine(); // 删除线条
line.resetLine(); // 假设开始或结束元素被移动到其他位置,调用此方法可重新连接两点
1