0

我想使用 JavaScript 显示一个无限长的协调系统/网格(X 和 Y 轴),其中包含无限量的正方形(类似于 DIV)。我不知道从哪里开始。在我看来,这似乎是一个很难解决的问题。有很多因素我不知道要构建它们,例如:

  • 在 HTML 元素树中构建它们
  • 使用正确的元素(可能是 SVG 元素)
  • 给网格一个流畅的滚动
  • 协调每个元素的加载(如果必须显示)

我确信有 JavaScript 库可以帮助我做到这一点,但我不知道其中任何一个。

什么是开始的好方法?


这是我的网格的概念:

(Y axis)
^
|  |      |      |
|--+------+------+---
| E| SQURE| SQURE| SQ
|  |      |      |
|--+------+------+---
| E| SQURE| SQURE| SQ
|  |      |      |
|--+------+------+---
| E| SQURE| SQURE| SQ
+--------------------> (X axis)
4

2 回答 2

1

有关于这个主题的书籍,例如

于 2013-09-03T14:53:15.420 回答
1

虽然您在评论中说了类似于绘图的内容,但我真的会看一下kineticjs 之类的东西。它使用画布,对于您正在尝试的东西可能有点矫枉过正,但它是一个很好的资源,有很多用途,但是由于您已经请求了一个网格,这里还有一个关于Kinetic.js 的问题——创建一个网格并结合使用类似的东西:Jquery 拖放并捕捉到 kineticJS 中的网格使用图像、动态.js、javascript 捕捉到网格操作?得到你正在寻找的捕捉。

于 2013-09-03T15:01:12.003 回答