绘制两个元素之间的连接线 [英] Drawing a connecting line between two elements

查看:206
本文介绍了绘制两个元素之间的连接线的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我如何(或哪些工具可用)在两个或多个元素之间绘制一条线来连接它们? HTML / CSS / JavaScript / SVG / Canvas的任意组合都可以。

How can I (or what tools are available) for drawing a line between two or more elements to connect them? Any combination of HTML/CSS/JavaScript/SVG/Canvas is fine.

如果您的答案支持其中任何一项,请提及:

If your answer supports any of these, then do mention it:


  • 可拖动元素

  • 可拖动/可编辑连接

  • 元素重叠避免


此问题已更新至巩固它的众多变化


推荐答案

jsPlumb 是一个支持拖放的选项,如众多演示,包括流程图演示

jsPlumb is an option available that supports drag and drop, as seen by its numerous demos, including the Flowchart demo.

它有免费的社区版和付费的工具包版本。

It is available in a free Community edition, and a paid Toolkit edition.


Toolkit版包含一个全面的数据绑定层社区版,以及用于构建流行库的应用程序和集成的几个UI小部件,并且已获得商业许可。

The Toolkit edition wraps the Community edition with a comprehensive data binding layer, as well as several UI widgets for building applications and integrations for popular libraries, and is commercially licensed.

这篇关于绘制两个元素之间的连接线的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆