1

特定のプロジェクトでは、HTMLの画像で以下に示すような構成を作成したいと思います。

ここに画像の説明を入力してください

これは、10個の等しいセルに分割された円形のリング(2つの円で囲まれている)であり、各セルは異なる色(10個の異なる色のうち)を持っています。各セルにも対応する数字(0〜9)があり、数字の配置は固定されています(たとえば、黒色の一番上のセルには数字「0」があり、次のセルには時計方向に数字「1」があります)。各セルの色は(各セッションで)動的に変更する必要があり、すべてのセルには10の異なる色のうちの固有の色があります。そのためのHTMLコードを書きたいです。

私のアプローチは次のとおりです。最初に2つの円を描き、線のジオメトリを使用して10個の等しいセルに分割します。しかし、問題は各セルの色をどのように塗りつぶすかです!!

助言がありますか !!!HTMLコードまたはこれを行うための正しいアプローチを教えてください。

4

1 に答える 1

0

というプラグインがSet Text on a Circleあります。役に立つかもしれません。ここで試してみてくださいhttp://css-tricks.com/set-text-on-a-circle/

于 2013-01-20T10:20:18.857 に答える