javascript - JS : displaying an infinitely long coordinating system (grid)

Question

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

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

我确信有 JavaScript 库可以帮助我做到这一点，但我对此一无所知。

从什么开始是一个好的方法？

<小时/>

这是我的网格的概念:

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

Answer 1

虽然你在评论中说了类似绘图的内容，但我真的会给出类似 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?获得您正在寻找的快照。