Javascript 两个链接ID之间的css行

我希望这会有意义。我想在链接ID之间创建一个行表单。如果可能的话，这可以通过js或css或两者的组合来实现。该线将在自定义地图上从一个点到另一个点的所有方向上移动

例如，点a连接点b。如果我能控制线条的颜色，那就太好了。如果我能把它弄成碎片。。甚至更好。我曾尝试在顶部使用多段线，但并非在所有浏览器上都位于同一位置。因此，为什么我希望有一个更优雅的解决方案使用js

任何帮助都会很好

---

克里斯

为此目的使用画布：

这会有帮助的

JS

var ptA = [50,10];
var ptB = [200,250];
var color = '#ff0000';

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(ptA[0],ptA[1]);
ctx.lineTo(ptB[0],ptB[1]);

ctx.strokeStyle = color;
ctx.stroke();

HTML

<canvas id="myCanvas" width="500" height="300" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>

您的浏览器不支持HTML5画布标记。

对于虚线或虚线：

---

Ref:

因此，唯一的意义是通过代码（您的努力）；）