请问一下vue3怎么实现两个div连线哎，简单连线倒是没啥问题 但是下面这样的效果是怎么做的哎
像这样的效果：https://www.figma.com/file/6rdiVWwYlicb7TsCyew74b/Untitled?node-id=0%3A1&t=SsAGi1Yktcu2QH6z-0
期待佬，别灌水
实现多个div连线功能
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
杨同学* 2022-11-25 16:07关注用css+html实现吧,或者用echarts也可以的
参考一下,希望有帮助vue+jsplumb 实现连线绘图_qq_37656005的博客-CSDN博客_vue实现连线题 vue+jsplumb 实现连线绘图jsPlumb是一个比较强大的绘图组件，它提供了一种方法，主要用于连接网页上的元素。在现代浏览器中，它使用SVG或者Canvas技术，而对于IE8以下(含IE8)的浏览器，则使用VML技术。效果图安装npm install jsplumb --savemain.js 引入import jsPlumb from 'jsplumb'Vue.prototype.$jsPlumb = jsPlumb.jsPlumb示例代码<templathttps://blog.csdn.net/qq_37656005/article/details/119673767
vue3：尝试使用jsplumb实现拖拽连线的功能-Web前端之家https://jiangweishan.com/article/vuejs20220330a1.html
js+css实现两个dom元素之间的连线_喯啵儿灞的博客-CSDN博客_js连线 刷论坛时，看到有小伙伴提问不依赖图形化工具，怎么实现两个div之间的连线，看着追问的人不少，顺题发挥了下，下面代码实现两个dom元素中心坐标的连线，首先引入jquery（任意版本），主要是为了方便dom操作，当然改成原生js也可以<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用举报 分享
- 2020-12-16 14:26weixin_39685762的博客 传统的PLC编程语言只有两种，指令表(IL)及梯形图(LD)，有的称梯形逻辑图(LLD)。而今为便于各类型的工程技术人员都能使用PLC，PLC厂商都增加了它的编程语言。国际电工组织也制定与几次修订了PLC编程语言国际标准。并...
- 2020-11-23 01:01weixin_39944146的博客 GPS的原理简单说就是从监测站发射电磁波，计算卫星接收信号所用时间然后乘以光速，求出一个伪距离，一般是4颗卫星定位一点列出4个点或者更多解方程，解出x,y,z 就是该点坐标当然这些都是我们不需要关心的，我们这里...
- 2021-01-12 03:10YF.Su的博客 LabVIEW又称为G语言，简单易学、形象直观，采用图形化的编程方式，是专为测试、测量和控制应用而设计的系统工程软件。在上篇文章(请参考：顺序结构编程)中已经讲了顺序结构的编程方法，下面通过具体例子演示条件结构...
- 2020-12-08 08:56weixin_40006133的博客 功能介绍宝马更换ECU模块，如发动机，波箱，仪表，方向机，等模块需要编程设码条件要求设备要求：X-431 PAD Ⅲ/X-431 PAD Ⅴ软件要求：BMW V50.51及以上版本实测操作宝马G38车型，TCM(自动变速箱控制模块)为例，其它...
- 2023-08-25 15:50cfqq1989的博客 有哪些控件：指针：用于拖动功能块。控制点：同上。就是。【左侧：输入输出】，【右侧：只输出】Box ：在FB原有的基础上，增加运行添加。用于对结构体的成员变量赋值。用于输出的成员变量。
- 2020-12-14 16:54weixin_39624864的博客 前言：RSLogix/Studio 5000编程语言主要为LD(梯形图)、ST(结构化文本)、FBD(功能块图)，通用和运动控制指令常用前两者，但对于高级过程和驱动指令，其绝大多数不支持梯形图，只能用后两种，相对ST而言，FBD更加直观...
- 2020-12-29 03:34是一个亿呀的博客 椭圆和X轴有2两个交点，和Y轴有两个交点，这四个交点叫做椭圆顶点。· 椭圆标准方程：x2 / a2 + y2 / b2 = 1 ( a为长半轴，b为短半轴，a > b > 0 )· 椭圆参数方程：x=a*cosM y=b*sinM ( a为长半轴，b为短半轴...
- 2023-10-09 23:52"JS模块连线流程结构图代码.zip" 提供的可能是一个实现模块化的示例，这有助于理解JavaScript中的模块工作原理。 1. **CommonJS 和 AMD** - **CommonJS** 是Node.js环境中广泛使用的模块规范，通过`require()`导入...
- 2021-01-14 17:06张匡龙的博客 一、IoT产业背景简介据相关报告，预计到2025年，采用ARM / RISC-V等架构的芯片数量...本文主要从嵌入式软件体系安全可靠性这个维度，将crux(linkboy)与其他系统级编程语言，包括C语言、MicroPython、Rust作对比，展...
- 2021-08-09 21:43“imgs”目录的存在暗示了游戏可能包含了多个图片文件，用以表示棋盘的不同状态和棋子的多样性。例如，一个空的棋盘格子、一个被占据的黑子或白子，以及游戏结束后的胜利标志等。这些图片资源与CSS样式配合，可以...
- 没有解决我的问题, 去提问
问题事件
系统已结题
12月8日
已采纳回答
11月30日-
赞助了问题酬金15元
11月25日
-
创建了问题
11月25日