两个节点之间画线,使用SVG,案例建议使用webstorm打开,就不用自己另外启一个服务了

上传者: robertqiujun | 上传时间: 2022-02-10 14:05:15 | 文件大小: 4KB | 文件类型: ZIP
两个节点之间画线,使用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(); // 假设开始或结束元素被移动到其他位置,调用此方法可重新连接两点

文件下载

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明