实现多个div连线功能

请问一下vue3怎么实现两个div连线哎，简单连线倒是没啥问题但是下面这样的效果是怎么做的哎
像这样的效果：https://www.figma.com/file/6rdiVWwYlicb7TsCyew74b/Untitled?node-id=0%3A1&t=SsAGi1Yktcu2QH6z-0
期待佬，别灌水

写回答
好问题 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示例代码<templat https://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 https://blog.csdn.net/u598975767/article/details/113881742

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决 1
无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(3条)

报告相同问题？

关注问题

实现多个div连线功能 javascript vue.js 前端
2022-11-25 15:42

回答 4 已采纳用css+html实现吧,或者用echarts也可以的参考一下,希望有帮助 vue+jsplumb 实现连线绘图_qq_37656005的博客-CSDN博客_vue实现连
css3-怎么可以实现多个div背景叠加的效果 css css3 html5
2019-03-19 16:03

回答 2 已采纳背景写成半透明 background: rgba(255, 255, 255, 0.4);
javascript编程语言怎么实现拖动div并且保存div的布局 javascript
2018-07-23 03:39

回答 3 已采纳 [拖动并且保存位置](http://www.w3dev.cn/download/20090623/drag-save-position.aspx "")
android 高德地图多个marker带图显示_GPS原理与编程实现高德地图
2020-11-23 01:01

weixin_39944146的博客 GPS的原理简单说就是从监测站发射电磁波，计算卫星接收信号所用时间然后乘以光速，求出一个伪距离，一般是4颗卫星定位一点列出4个点或者更多解方程，解出x,y,z 就是该点坐标当然这些都是我们不需要关心的，我们这里...
请问一下怎么实现一个DIV的背景图片来回切换？ css css3 html5 javascript
2020-03-05 19:45

回答 3 已采纳可以用jquery中 toggle() ，参考下https://www.w3school.com.cn/jquery/event_toggle.asp
怎么利用javascapt语言实现3个div的排列的顺序的排序操作？怎么对3个div排列？
2018-09-14 16:14

回答 1 已采纳将对象放入数组，调用sort方法就可以排序了，注意是放入数组，HTMLCollection没有sort方法 ``` 13792 ```
c:foreach循环出多个div如何控制单个div的显示隐藏 jquery
2019-11-15 14:42

回答 1 已采纳循环的时候从集合里面找个变量当id或name，用id或name隐藏显示就行。
数字系统设计(FPGA)课程设计：多功能数字钟
2022-06-02 02:03

Clear Aurora的博客一、设计内容：实现多功能数字钟，具备下列功能：1、数字钟：能计时，实现小时、分钟、秒的显示；2、数字跑表：精度至0.01秒比如显示12.97秒；3、闹钟: 可以设定闹钟，用试验箱上的蜂鸣器作为闹铃；4、调时：可以对...
javascrpt语言怎么在html5页面上实现多个div环绕排列，内容不重叠的显示？ html5
2018-09-11 15:07

回答 2 已采纳标签云？ http://www.17sucai.com/pins/tag/250.html
如何让一个div中的值控制多个div？ java
2016-12-27 10:02

回答 9 已采纳 ## 失误了！代码如下： ``` ```
javascrpt语言里怎么实现div点击以后通过文本框给它更新的功能，html的实现？ html5
2018-07-25 08:12

回答 3 已采纳 ``` ```
微信小程序 —— 多个div（多个微信小程序view）横向排列的便捷方法
2017-10-19 11:12

「已注销」的博客在写自适应div( web端 )或view（微信端）的布局时，可以用以下俩种方法进行便捷布局：利用外层div或外层view的display : flex ; flex-flow : row; 利用外层div或外层view的white-space：nowrap;属性 white-space...
请问js,jq怎么实现多个同id的div绑定一个点击事件？ html5 javascript jquery
2019-05-20 12:08

回答 8 已采纳 id请保持**唯一性**，依楼主需求，请给每个div设置class属性即可（此处我设置为**key**） ``` $('.key').onclick(function() { //to
呆呆带你手撸一个思维导图-基础篇
2020-12-23 08:20

LinDaiDai_霖呆呆的博客我们可以像使用一个div标签一样直接在代码中使用：而对于CSS属性，它有自己独有的三种属性： fill：填充色 stroke：描边色 stroke-width：边框宽度可以把svg标签想象成一个html标签，然后在这里面可以添加上path、...
我经常和面试者聊的一个题目
2021-04-07 01:05

奇舞周刊的博客作为一个Web前端从业者，资深B/S架构的应用开发，通常我们负责的内容都是侧重的浏览器端比较多，即便目前Vue、React等各种框架库流行的年代，核心实现也依然是JS API操作DOM；如...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 12月8日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 11月30日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
赞助了问题酬金15元 11月25日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 11月25日

悬赏问题

¥15 关于#matlab#的问题：在模糊控制器中选出线路信息，在simulink中根据线路信息生成速度时间目标曲线（初速度为20m/s，15秒后减为0的速度时间图像）我想问线路信息是什么
¥15 banner广告展示设置多少时间不怎么会消耗用户价值
¥16 mybatis的代理对象无法通过@Autowired装填
¥15 可见光定位matlab仿真
¥15 arduino 四自由度机械臂
¥15 wordpress 产品图片 GIF 没法显示
¥15 求三国群英传pl国战时间的修改方法
¥15 matlab代码代写，需写出详细代码，代价私
¥15 ROS系统搭建请教（跨境电商用途）
¥15 AIC3204的示例代码有吗，想用AIC3204测量血氧，找不到相关的代码。

实现多个div连线功能

4条回答 默认 最新

问题事件

悬赏问题

4条回答默认最新