需要在网页上的两点之间画一条线

Posted 2023-04-14

【中文标题】需要在网页上的两点之间画一条线

【英文标题】：Need to draw a line between two points on the web page

【发布时间】：2012-11-07 02:17:04

【问题描述】：

我的情况是，我的网页上有aspImagebuttons，它是动态生成的。当我单击一个ImageButton 时，我看到另一个动态创建的ImageButtons 与之相关（关系在数据库中维护）。现在，当我点击任何Imagebutton 时，我需要在点击的ImageButton 和相关的Imagebuttons 之间画一条线，它会显示在网页上。由于我正在使用 Web 应用程序而不是 Windows 应用程序，因此我无法访问绘图库。那么有没有办法使用javascript或jquery画线。这里的所有点击事件，Imagebuttons 都是动态的。

【参考方案1】：

有很多选择：http://jsbin.com/enime3/1/edithttp://raphaeljs.com/http://www.amaslo.com/2012/06/drawing-diagonal-line-in-htmlcssjs-with.html SO上的类似问题：How to draw a line between 2 elements using JQuery and refreshing that line? Easiest way to "draw" simple lines over an image with jQuery and save to Rails DB?

【讨论】：

非常感谢。还有一件事，不点击动态图像，我可以知道图像按钮的坐标（顶部，左侧）。在页面加载时，我的 ImageButtons 被动态放置在网页上。所以一旦我找到坐标，我就可以在它们之间画一条线。

@AnkurDeshpande 看看这个：***.com/questions/1002934/… 或这个***.com/questions/683339/…