JS:显示一个无限长的坐标系统(网格）

JS: displaying an infinitely long coordinating system (grid)

本文关键字：网格 坐标 坐标系 系统 一个 显示 JS 无限      更新时间：2023-09-26

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

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

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

什么是好的开始方式？

这是我的网格的概念：

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

虽然你在评论中说了一些类似于绘图的东西，但我真的会看一眼类似kinetijs的东西。它使用canvas，对于你正在尝试的内容来说可能有点过头了，但它是一个很好的资源，有很多用途，但由于你已经请求了一个网格，这里还有一个问题Kinetic.js——创建一个网格并与以下内容相结合：在kineticJS中Jquery拖放并捕捉到网格，或者使用图像、Kinetic.js、javascript进行捕捉到网格操作？来获得你想要的快照。

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

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