我想使用 JavaScript 显示一个无限长的协调系统/网格(X 和 Y 轴),其中包含无限量的正方形(类似于 DIV)。我不知道从哪里开始。在我看来,这似乎是一个很难解决的问题。有很多因素我不知道要构建它们,例如:
- 在 HTML 元素树中构建它们
- 使用正确的元素(可能是 SVG 元素)
- 给网格一个流畅的滚动
- 协调每个元素的加载(如果必须显示)
我确信有 JavaScript 库可以帮助我做到这一点,但我不知道其中任何一个。
什么是开始的好方法?
这是我的网格的概念:
(Y axis)
^
| | | |
|--+------+------+---
| E| SQURE| SQURE| SQ
| | | |
|--+------+------+---
| E| SQURE| SQURE| SQ
| | | |
|--+------+------+---
| E| SQURE| SQURE| SQ
+--------------------> (X axis)