关于jsplumb多次点击连接线生成多个连接线的问题

1.问题描述:用户多次点击连接线,或者出现多条一样的连接线时;

2.问题描述:点击多次点击任意一个线的时候出现的效果,或者是选中一个类型,切换另一个类型的线时;


解决方式:在选择连接线类型创建连接线时,增加代码

this.nodeList.forEach(node => {this.plumb.unmakeSource(node.id)
this.plumb.unmakeTarget(node.id)
this.plumb.makeSource(node.id, {maxConnections: -1,endpoint: [ 'Dot', { radius: 7 } ],anchor: ['Continuous', {faces: ['top', 'left', 'bottom', 'right']}]
})
this.plumb.makeTarget(node.id, {maxConnections: -1,endpoint: [ 'Dot', { radius: 7 } ],anchor: ['Continuous', {faces: ['top', 'left', 'bottom', 'right']}]
})
})

第一次写博客,还有许多不足,望指正;

关于jsplumb多次点击连接线生成多个连接线的问题相关推荐

  1. MFC开发——点击页面生成图标功能

    由于一直在弄Qt,MFC基本没接触过,加上上课不认真听讲,没想到老师布置的一项简单作业就使我焦头烂额,最后通过各种百度,查MSDN,终于做完了作业,但觉得里面很多内容百度上都没有,很多都是自己一遍一遍 ...

  2. 前端点击移动生成小爱心

    前端点击移动生成小爱心 我之前看见一个博客,鼠标点击的时候会有不同颜色的小爱心出现,我就心血来潮试着写了一下,并且加了鼠标移动也会产生小爱心,放在这里目的是以后万一我要用方便找,写的不好请海涵. &l ...

  3. jsplumb拖线_基于 jsPlumb 的流程图编辑器的实现 (二,连接线的操作)

    连接线支持单击选中,backspace 和 delete 可删除:双击可以为连接线添加 label. 完整代码: /** * 单击删除连线 * */ clickLine:function(){ var ...

  4. 【3分钟高效制作PPT】ChatGPT搭配闪击PPT生成PPT,你只需要输入一个标题

    Hello,大家好,我是你的好伙伴AI博士 今天我来分享一下,怎么用ChatGPT配合闪击PPT,只输入一个标题,怎么生成一份高颜值的PPT. 第一步:了解闪击PPT的[文字转PPT]功能 闪击PPT ...

  5. 学习记录:Unity点击屏幕生成随机UI花朵

    1 效果展示 点击屏幕的位置生成花朵,生成的花朵等5秒后自动销毁. 2 代码展示 1 生成花朵的代码 using System.Collections; using System.Collection ...

  6. javaweb登录界面验证码自动生成,点击重新生成验证码,验证码与输入框的校验

    当进入登录界面时,验证码图片自动生成,验证码图片颜色随机,字母颜色随机,该代码只是随机生成小写英文字母,没有设置大写字母和数字 点击验证码图片重新生成验证码 验证码输入错误时,提示出来 验证码输入正确 ...

  7. 生成卡号点击按钮生成卡号

    卡号的使用在项目的搭建中时一种具有唯一性和标识性的内容,所以显而易见生成的卡号首要符合的要求就是"唯一性".在日常生活中能想到并意识到的可以运用的,时间我认为是最方便的了. 生成卡 ...

  8. 如何通过ChatGPT快速生成PPT?ChatGPT搭配闪击PPT生成PPT,你只需要输入一个标题

    了解闪击PPT的[文字转PPT]功能 闪击PPT有一个文本转PPT功能,这也是今天的主角 我的名字叫做芝士不吃,帮我制作一篇内容为<秦朝为什么会灭亡>PPT,要求如下: 第一.一定要使用中 ...

  9. 前端利器 —— 提升《500倍开发效率》 传一张设计稿,点击一建生成项目 好牛

    ​回顾  前期  ​ 你把 vite打包 玩明白_0.活在风浪里的博客-CSDN博客_vite生产环境打包webpack 打包看这里(移动端打包)一步一步,一步 从代码到,打包成为手机App,上传至n ...

最新文章

  1. 中国机器翻译的世纪回顾
  2. 最新开源:3TS腾讯事务处理技术验证系统(下)
  3. 如何成为一名合格的数据分析师
  4. [Vo. 1 No. 1] 高等代数一题[Sep. 19, 2013]
  5. android 贝塞尔曲线 人脸,贝塞尔曲线绘制人脸框(框内全透明,框外半透明)
  6. mysql触发器delimiter_MySQL的触发器创建之注意事项(有关delimiter)
  7. python接口调用把执行结果追加到测试用例中
  8. python杂记-6(timedatetime模块)
  9. 2021年安全生产模拟考试(全国特种作业操作证电工作业-电力电缆模拟考试题库二)安考星
  10. idea各工作区背景颜色设置
  11. matlab fft2 fftshift,matlab fft fftshift
  12. mac安装仿宋GB2312字体
  13. Android资源,国内镜像站点,博客文章等
  14. HBuilderX 连接雷电模拟器
  15. 分库分表和 NewSQL 到底怎么选?
  16. 2020 NOC 编程猫创新编程全国决赛小学组第一部分(客观题)
  17. c语言光敏程序代码,ADC实验之光敏传感器
  18. unity上传头像_unity通过http上传图片到服务器
  19. TouchID 指纹登录
  20. CDH5.15.0+spark1.6.0+hive1.1集群与zeppelin0.8.1+spark-notebook打通踩坑总结

热门文章

  1. Python:让我教你如何让电脑永不息屏
  2. 【Graphormer阅读笔记、实验与刷榜】《Do Transformers Really Perform Bad for Graph Representation?》
  3. 设置Tablayout 文字和下划线宽度一样
  4. Word双栏格式下图片表格一栏排版 自定义位置
  5. neo4j java 远程_neo4j 安装 开启 远程访问
  6. python打开csv文件乱码_python3写入csv乱码怎么解决
  7. BI、数据仓库、ETL、大数据开发工程师有什么区别?
  8. 万豪旅享家携手“国民舅舅”王耀庆,贺岁短片《万式拜年》惊喜上映
  9. 进制的转换,二进制转十进制,十进制转二进制
  10. Linux中清空文件的方法