我想使用 HTML 在网页上的两个动态点之间画一条线答案

【问题标题】：I would like to draw a line between two dynamic points on a webpage using HTML我想使用 HTML 在网页上的两个动态点之间画一条线
【发布时间】：2011-02-10 19:56:14
【问题描述】：

我在 ASP.NET 和 HTML 的范围内工作。

我在左边有一个gridview，在右边有一个gridview。

当用户选择左侧网格视图中的复选框和右侧网格视图中的复选框时，我希望呈现一条连接复选框的线。

有没有一种有效的方法来做到这一点？有什么接近这个的吗？

DrawLine(LeftCheckBox.Location, RightCheckbox.Location, Red, 1px)

我能想到的唯一方法是可行，但不是一个糟糕的解决方案，它是根据所选复选框的位置垂直定位和拉伸图像。

【问题讨论】：

标签： asp.net html

【解决方案1】：

您可以尝试使用jQuery drawing library。

您可能会发现这个other thread 非常有用。

【讨论】：

【解决方案2】：

您可以使用 Walter Zorn 的 javascript 图形库。不幸的是，他的网站不再维护。可以在此处找到带有文档和示例的最新版本： http://www.c-point.com/javascript_vector_draw.htm

画一条线很简单：

jg.drawLine(0, 0, 100, 200);

这可能有点过时了，因为我们现在有了画布元素，但仍然可以跨浏览器正常工作。

【讨论】：