JS：显示一个无限长的协调系统（网格）

Question

我想展示一个无限长的协调系统/网格（X和Y轴），它包含使用JavaScript的无穷无尽的方形（类似于DIV）。我不知道从哪里开始。在我看来，这是一个非常难以解决的问题。有很多因素我无法构建它们，例如：

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

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

什么是开始的好方法？

---

这是我网格的概念：

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

Answer 1

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

• 增压JavaScript图形，请参阅http://shop.oreilly.com/product/0636920013044.do

Answer 2

虽然在评论中你说了类似于图形的内容，但我真的会给kineticjs一些东西。它使用canvas并且对于你正在尝试的东西可能有点过分，但它是一个很有用的资源但是因为你已经请求了一个网格，这里也是一个问题Kinetic.js – creating a grid并且与某些东西结合起来比如：Jquery drag and drop and snap to grid in kineticJS或Snap to grid operation using images,kinetic.js,javascript?来获取您正在寻找的捕捉。