javascript - Javascript 栏动画

Question

我上面有这张图。我想根据汽车的转速显示部分图像。例如，当汽车启动时，只有底部的蓝色块是可见的，随着速度的增加，更多的块会一直可见到红线。一旦速度降低，块就会消失。我对这个不知所措，我什至不知道从哪里开始。最初我正在考虑让每个块都成为一个单独的图像，但我想知道是否有更好的方法来做到这一点。有任何想法吗？

Answer 1

查看Raphael javascript 库。根据您的 Javascript 经验，您可能会有一些学习曲线，但我认为您可以更轻松地重新创建上面显示的内容并将所需的行为附加到每个形状，而不是尝试使用图像，特别是考虑到块的排列和方向。

更新：我创建了这个fiddle，因为我认为这似乎是一个有趣的练习。我只是使用了矩形块，但是如果你将鼠标悬停在绿色的“油门”栏上，你会看到这些块是如何出现和消失的。