如何在HTML中創建以下給定的配置？

對於某些項目，我想創建一個如下圖所示的HTML配置。如何在HTML中創建以下給定的配置？

enter image description here

這是分爲10個相等的細胞的圓形環（由兩個圓限定），並且每個單元具有不同的顏色（在10種不同的顏色）。每個單元格還有一個數字（0-9）對應於它，數字的位置是固定的（例如：黑色頂部單元格的數字爲'0'，下一個單元格在時鐘方向上的數字爲'1'）。每個單元格的顏色必須動態變化（在每個會話中），並且所有單元格都具有10種不同顏色中的獨特顏色。我想爲它編寫HTML代碼。

我的方法是：首先繪製兩個圓，並使用線幾何劃分爲10個相等的單元格。但問題是如何填充每個單元格的顏色！

任何建議！請給我HTML代碼或正確的方法來做到這一點。

來源

2013-01-17 Black_Rider

[你嘗試過什麼？]（http://www.whathaveyoutried.com/）請參閱[常見問題]請。 –

我繪製了兩個具有不同半徑值的共中心圓，然後使用這些圓畫出的線的中心分成10個相等的部分。但如何填充顏色到特定的單元格和一個特定的數字呢？ –

顯示您現有的代碼和HTML。 – JohnFx

有一個名爲Set Text on a Circle插件，它可能是有益的你，在這裏嘗試http://css-tricks.com/set-text-on-a-circle/

來源

2013-01-20 10:20:18

如何在HTML中創建以下給定的配置？

回答

相關問題