HTML/CSS 问题：需要建议。如何
我正在 JS 上创建某种流程图生成器。我需要关于如何制作用箭头或线连接的两个块（div）的建议。 看下面的示例
______
| |
| DIV x----------------
| | |
-------- |
|
__x___
| |
| DIV2 |
| |
--------
Div 是可拖动的，因此连接必须是动态的。你们能帮我吗？
干杯
I'm creating somekind of flowchart builder on JS. I need an advice about how can I make two blocks (divs) connected with an arrow or line.
Look at the example below
______
| |
| DIV x----------------
| | |
-------- |
|
__x___
| |
| DIV2 |
| |
--------
Divs are dragable so the connection have to be dynamic. Can you help me guys with it?
Cheers
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
只是一个想法；
也可以将线条视为 div。可以说它是 divLine。 divLine 应该具有页面的背景颜色。然后您可以指定边界。这样它看起来就像一条线。
每当用户拖动另一个 div 时，您都会检查 X 和 Y 值。根据这些值，调整 divLines 的高度、宽度和位置。也许您还必须更改边框值。
当然，HTML 5 是更好的解决方案，但它并不适用于所有浏览器。
Just an idea;
Think the lines as a div also. Lets say it is divLine. divLine should have the background-color of the page. Then you can assign borders. So that it will seem like a line.
Whenever a user drags the other div, you check the X and Y values anyway. According to those values, resize your divLines's height,width and position. Probably you will have to change border values also.
Of course HTML 5 is the much better solution but it is not working in every browser.