Question

我希望这会有意义。我想在链接ID之间建立一个线形。如果可能，可以使用js或css或它们的组合来完成。该线将在自定义地图上从一个点到另一个点的所有方向。

例如，a点与点b连接。如果我可以控制线的颜色那么好。如果我能让它破灭......甚至更好。我尝试在顶部使用折线，但它并不是在所有浏览器上都位于同一个位置。那么为什么我希望使用js有更优雅的解决方案？

任何帮助都会很棒。

克里斯

Answer 1

为此目的使用画布：

http://jsfiddle.net/eAK88/

这会有所帮助。

<强> 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>

对于虚线或虚线：

参考： Drawing Dashed lines on HTML5 Canvas?

2个链接ID之间的css行

1 个答案: