私はこの「タイムライン」を持っています。その水平方向は次のようになります
00|01|02|03|など 23まで
数値を含むすべてのスパンは 17 ピクセルで、「|」ラインは 1 ピクセル、画像全体は 431x20 ピクセルです。
私は 2 つのタグを持っています。ユーザーは「開始」時間と「終了」時間を選択することになっています。JavaScript を使用して部分的に画像に色を付ける方法を知りたいです。画像の上ですが、javascriptを使用してこれを行う方法がわかりません。助けがあれば大いに役立ちます。
DIVを画像の上に絶対に配置し、同じ高さ、選択した色、および適切な不透明度を使用して、左端を画像に設定するのはかなり簡単だと思います（これは簡単な計算であり、間違っている可能性があります）画像.left + (18 * from)、およびその幅を 18 * (to - from + 1) - 1 にします。
しかし、そもそもタイムラインを画像にする大きな理由はありますか? 「選択された」クラスを持っているか持っていないノードのコレクションがあり、それぞれに「00」から「23」のテキストマーカーが付いていると、私にはさらに良いように思えます。画像は必要ありません。