Javascript HTML/CSS问题:需要建议。如何

Javascript HTML/CSS问题:需要建议。如何,javascript,html,connection,flowchart,Javascript,Html,Connection,Flowchart,我正在JS上创建某种流程图生成器。我需要一个关于如何使两个块(div)用箭头或线连接的建议。 看看下面的例子 ______ | | | DIV x---------------- | | | -------- | | __x___ | |

我正在JS上创建某种流程图生成器。我需要一个关于如何使两个块(div)用箭头或线连接的建议。 看看下面的例子

______ | | | DIV x---------------- | | | -------- | | __x___ | | | DIV2 | | | -------- ______ | | |第x部分---------------- | | | -------- | | __x___ | | |第二组| | | -------- div是可拖动的,因此连接必须是动态的。你们能帮我吗

干杯

只是一个想法

把这些线也当作一个div。让我们假设它是divLine。divLine应该具有页面的背景色。然后可以指定边界。让它看起来像一条线

每当用户拖动另一个div时,您都会检查X和Y值。根据这些值,调整分割线的高度、宽度和位置。可能您还必须更改边框值


当然,HTML5是更好的解决方案,但它并不适用于所有浏览器

使用HTML是不可能的。您需要使用HTML5画布API,但IE9浏览器不支持它。可能是这样的。但拖放选项需要JS编码。