【发布时间】：2021-04-12 20:41:58
【问题描述】：
我有一个 32 x 64 的网格，我正试图在移动屏幕上显示它，并沿边缘留出大量的边距。
以 2 x 2 网格为例。那么我们这里总共有 4 个节点。
在每个节点内部，我有 x 位置、y 位置和最后的随机值。所以这个 2×2 的网格将如下所示。
[[0,0,376],[1,0,836],[0,1,888],[1,1,123]]
像这个例子一样，我的 32 x 64 网格将具有与上述相同的结构。
现在当我在屏幕上绘制这个信息时，上面的信息直接转换成一个像素位置。
所以在我的 android 模拟器中，它实际上是从左上角开始，然后最终绘制一个非常小的网格。
现在我想将此信息缩放到带有边距的屏幕尺寸上。
我无法创建一个函数来创建一个新数组，该数组包含适合手机屏幕的正确 x 和 y 值。第三个值（随机数）应保持不变。
该函数（在我的想法中）应采用以下 3 个输入：
- 我当前的数组（32 x 64，格式如上）
- 选择的边距（例如，如果需要 50 像素的边距，则为 50）
- 手机的宽度和高度（屏幕尺寸，以便根据该尺寸生成包含该节点像素位置的新数组）
【问题讨论】：
标签： javascript arrays grid