JS：显示一个无限长的坐标系（网格）答案

【问题标题】：JS: displaying an infinitely long coordinating system (grid)JS：显示一个无限长的坐标系（网格）
【发布时间】：2013-09-03 14:46:26
【问题描述】：

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

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

我确信有 JavaScript 库可以帮助我做到这一点，但我不知道这些。

什么是开始的好方法？

这是我的网格的概念：

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

【问题讨论】：

您究竟想将此功能用于什么目的？绘图？是这样，我们也许能够提供更好的选择/库供使用。
是的，类似于绘图（但更像是在网格上绘制，从一个方角到另一个方角）:)

标签： javascript html web coordinate-systems infinity

【解决方案1】：

虽然您在 cmets 中说过类似于绘图的内容，但我真的想看看 kineticjs 之类的内容。它使用画布，对于你正在尝试的东西可能有点矫枉过正，但它是一个很好的资源，有很多用途，但既然你已经请求了一个网格，这里还有一个问题Kinetic.js – creating a grid 并结合以下内容： Jquery drag and drop and snap to grid in kineticJS 或 Snap to grid operation using images,kinetic.js,javascript? 获取您正在寻找的快照。

【讨论】：

【解决方案2】：

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

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

【讨论】：