如何在HTML中创建下面给出的某个配置？

Question

对于某些项目，我想在HTML中创建如下图所示的配置。

这是一个圆环（由两个圆圈限定），分成10个相等的单元格，每个单元格有不同的颜色（10种不同的颜色）。每个单元格还有一个与之对应的数字（0-9），并且数字的位置是固定的（例如：黑色的顶部单元格具有数字“0”，下一个单元格在顺时针方向上具有数字“1”）。每个单元格的颜色必须动态变化（在每个会话上），并且所有单元格都有10种不同颜色的独特颜色。我想为它编写HTML代码。

我的方法是： 首先，我绘制两个圆，并使用线几何分成10个相等的单元格。但问题是如何在每个细胞中填充颜色!!

任何建议!!!请给我HTML代码或正确的方法来做到这一点。

Answer 1

有一个名为Set Text on a Circle的插件，它可能对您有用，请在此处试用http://css-tricks.com/set-text-on-a-circle/