源码给你自己改 2023-11-09 20:31 采纳率: 33.3%
浏览 2

JSPlumb.js能够绘制动态特效的线条吗

需求是画网络拓扑图,目前demo是参考了别人的demo,用JSPlumb.js做了静态节点和箭头连接,类似下图(图是网上随便找的)

img


客户那边看完后说能不能让连接线上有一些特效,比如顺着箭头方向的流光或者箭头本身能在线条上移动那种,找了一大圈没能找到合适的例子。。想问问jsplumb真的能做这个效果吗,还是必须换插件?

  • 写回答

1条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2023-11-10 10:08
    关注

    【相关推荐】



    • 关于该问题,我找了一篇非常好的博客,你可以看看是否有帮助,链接:使用jsplumb绘图,实现连线
    • 您还可以看一下 胡玉国老师的Jsplumb从入门到实战课程中的 Jsplumb的基本介绍小节, 巩固相关知识点
    • 除此之外, 这篇博客: jsPlumb使用小技巧中的 2:给连接添加点击事件:点击删除连线 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

      如下代码:

      // 请单点击一下连接线, 
      jsPlumb.bind('click', function (conn, originalEvent) {
        if (window.prompt('确定删除所点击的连接吗? 输入1确定') === '1') {
          jsPlumb.detach(conn)
        }
      })
      

      会提示 jsPlumb: fire failed for event click : TypeError: jsPlumb.detach is not a function

      因为版本更新

      结论就是使用deleteConnection(conn)替换掉 detach(conn)


    如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
    评论

报告相同问题?

问题事件

  • 创建了问题 11月9日

悬赏问题

  • ¥15 SQL查询语句报错(检查)
  • ¥15 此表中公式应该怎么写
  • ¥15 求HI-TECH PICC 9.50 PL3安装包
  • ¥15 在Windows中运行ollama出现运行缓慢的情况
  • ¥15 下载ctorch报错,求解
  • ¥15 如何将这段css代码应用于wordpress的elementor的单个小部件中显示,而不是整个网站全局显示。
  • ¥15 如何入门学习c语言,单片机
  • ¥15 idea 编辑语言的选择
  • ¥15 Windows下部署Asmjit
  • ¥15 请问双层规划模型的上下层目标函数不一致,是如何保证迭代收敛性的