Javascript Bar動畫

Question

我上面有這張圖片。我想根據汽車的RPM顯示圖像的一部分。例如，當汽車啓動時，只有底部的藍色區塊可見，隨着速度的增加，更多的區塊將變爲可見並一路紅線。一旦速度降低，塊消失。我對此感到不知所措，我甚至不知道從哪裏開始。最初我想讓每個塊都做一個單獨的圖像，但我想知道是否有更好的方法來做到這一點。有任何想法嗎？

Answer 1

檢查出Raphael JavaScript庫。根據您的Javascript體驗，您可能會有一些學習曲線，但我認爲您可以更輕鬆地重新創建上面顯示的內容，並將所需的行爲附加到每個形狀上，而不是試圖用圖像，特別是給定塊的排列和方向。

更新：我創建了這個fiddle，因爲我認爲這似乎是一個有趣的練習。我只是使用矩形塊，但如果將鼠標懸停在綠色「節流」欄上，您將看到塊如何出現和消失。