【问题标题】:HTML/CSS issue: need an advice. How toHTML/CSS 问题:需要建议。如何
【发布时间】:2011-08-03 10:09:36
【问题描述】:

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

______ | | |分区 x---------------- | | | -------- | | __X___ | | | DIV2 | | | --------

Div 是可拖动的,因此连接必须是动态的。你们能帮帮我吗?

干杯

【问题讨论】:

  • HTML 不可能。您需要使用 HTML5 Canvas API,但 IE9 以下浏览器不支持。

标签: javascript html connection flowchart


【解决方案1】:

只是一个想法;

也可以将线条视为 div。可以说它是 divLine。 divLine 应该具有页面的背景颜色。然后您可以指定边框。这样它看起来就像一条线。

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

当然,HTML 5 是更好的解决方案,但它并非适用于所有浏览器。

【讨论】:

  • jsfiddle.net/rdwrX 可以是这样的。但是你需要对拖放选项进行 JS 编码。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-08-05
  • 2017-11-10
  • 1970-01-01
  • 1970-01-01
  • 2020-03-21
  • 2013-05-24
  • 2014-01-19
相关资源
最近更新 更多