我在JS上创建了一些流程图生成器。我需要关于如何使两个块(div)与箭头或线连接的建议。 看下面的例子中HTML/CSS问题:需要建议。如何
______ | | | DIV x---------------- | | | -------- | | __x___ | | | DIV2 | | | --------
Div的是dragable所以连接必须是动态的。你能帮助我吗?
干杯
我在JS上创建了一些流程图生成器。我需要关于如何使两个块(div)与箭头或线连接的建议。 看下面的例子中HTML/CSS问题:需要建议。如何
______ | | | DIV x---------------- | | | -------- | | __x___ | | | DIV2 | | | --------
Div的是dragable所以连接必须是动态的。你能帮助我吗?
干杯
只是一个想法;
认为行也是一个div。让我们说它是divLine。 divLine应该具有页面的背景颜色。然后你可以分配边界。这样看起来就像一条线。
每当用户拖动另一个div时,无论如何都要检查X和Y值。根据这些值,调整你的divLines的高度,宽度和位置。也许你将不得不改变边界值。
当然HTML5是更好的解决方案,但它不适用于每个浏览器。
http://jsfiddle.net/rdwrX/可以是这样的。但是你需要JS编码的拖放选项。 – zipizip
这不可能用HTML。您需要使用HTML5 Canvas API,但IE9以下的浏览器不支持它。 –
或者你可以使用flash – nobody