绘制两个元素之间的连接线 [英] Drawing a connecting line between two elements
问题描述
我如何(或哪些工具可用)在两个或多个元素之间绘制一条线来连接它们? 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屋!