Javascript Bar动画

Question

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

Answer 1

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

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