相关疑难解决方法(0)

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

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

• 可拖动的元素
• 可拖动/可编辑的连接
• 元素重叠避免

此问题已更新,以巩固其中的众多变体.

我正在尝试在一个div的右下角和另一个div的右上角之间画一条对角线.如果可能的话,我想在没有jQuery的情况下做到这一点.这可能吗？

我正在尝试从元素 [.identifier] 到单击的元素 [ A, B, C series ] 画一条线。我能够显示这条线，但在另一个方向上，不知道为什么它在这样一个方向上显示。这是我的小提琴：https : //jsfiddle.net/SampathPerOxide/u2afymxs/11/ 有人可以帮我在“.identifier”和相应的系列元素之间显示一条线吗？

单击 A 系列的预期结果： 点击 B 系列：

$('.seriesli').click(function() {

  function adjustLine(from, to, line) {

    var fT = from.offsetTop + from.offsetHeight / 2;
    var tT = to.offsetTop + to.offsetHeight / 2;
    var fL = from.offsetLeft + from.offsetWidth / 2;
    var tL = to.offsetLeft + to.offsetWidth / 2;

    var CA = Math.abs(tT - fT);
    var CO = Math.abs(tL - fL);
    var H = Math.sqrt(CA * CA + CO * …