Javascript 零域

我想用零填充网页的背景

（从技术上讲，我想要这样的东西：

0 0 0 0  ...
 0 0 0 0 ...
0 0 0 0  ...
etc.

但是我可以很容易地从一个零域到达那里）

我希望零是动态的（鼠标下的那一个亮起，你可以点击它们，效果开始在字段中“涟漪”，等等），所以我不能只是平铺背景。我想让它们填满整个屏幕而不引起任何滚动

我可以想出一些方法来做到这一点。两个明显的问题是计算窗口高度和使用javascript制作表格，以及在一块大而肥的画布上绘图。在前一种情况下，处理调整大小事件可能并不有趣，而在后一种情况下，对鼠标移动做出零悬停反应则不那么有趣

---

这样做的惯用方法是什么？有没有一种简单的方法可以达到我想要的效果？

就我个人而言，我会使用画布；当鼠标移动时，它将更好地响应动画效果，因为浏览器不必更新数千个元素（假设每个

0

都位于

或动画所需的某个位置）

您可以使用传统的HTML来实现，但是为了提高速度，您应该使用画布

在页面加载时使用一些JS设置画布的宽度和高度，并在窗口调整大小时进行相应更改

SVG可能是一个选项，但同样存在速度问题，因为SVG图像是一个XML文档，其元素与HTML基本相同

---

唯一的选择是Flash，但我强烈反对这条路；画布更适合你的问题。

就我个人而言，我会使用画布；当鼠标移动时，它将更好地响应动画效果，因为浏览器不必更新数千个元素（假设每个

0

都位于

或动画所需的某个位置）

您可以使用传统的HTML来实现，但是为了提高速度，您应该使用画布

在页面加载时使用一些JS设置画布的宽度和高度，并在窗口调整大小时进行相应更改

SVG可能是一个选项，但同样存在速度问题，因为SVG图像是一个XML文档，其元素与HTML基本相同

---

唯一的选择是Flash，但我强烈反对这条路；画布更适合您的问题。

画布作为背景？我不确定那会像你想象的那样好。虽然，其他必须是动态的东西也不会有太多，但它工作得足够好（使用ProcessingJS）。显然，屏幕越大，画布上有多少个对象，你使用的JS引擎会影响速度，但从我看到的情况来看，它们工作得很好。画布作为背景？我不确定那会像你想象的那样好。虽然，其他必须是动态的东西也不会有太多，但它工作得足够好（使用ProcessingJS）。显然，屏幕越大，画布上有多少对象以及您使用的JS引擎会影响速度，但从我看到的情况来看，它们工作得非常好。提醒我：看看他网站背后的javascript。这很有趣：提醒我：看看他网站背后的javascript。这很有趣：