ПРОБЛЕМЫ подразделения SVG WHEEL [дубликат] ⇐ CSS

[Гость]

ИТАК мне удалось найти решения, которые мне очень помогли из предыдущих вопросов и ответов, но у меня все еще есть проблема с тем, как разделить. Я хочу разделить его на 12 частей. Я прочитал некоторые части о том, как рассчитать, в зависимости от того, сколько частей вы хотите, но у меня возникли проблемы с настройкой этого в моем коде.

Код: Выделить всё

.frag {
fill: #FFA500;

Код: Выделить всё

.frag {
fill: #FFA500;
stroke: #FFFFFF;
transition: fill 0.3s ;
}
.center {
fill: #008000;
}
a:hover .frag {
fill: #FFC722;
}
text {
font-size: 17px;
fill: #FFFFFF;
}

Код: Выделить всё

[url=#]1[/url]
[url=#]2[/url]
[url=#]3[/url]
[url=#]4[/url]
[url=#]5[/url]
[url=#]6[/url]

[url=#][/url]

Код: Выделить всё

  stroke: #FFFFFF;
transition: fill 0.3s ;
}
.center {
fill: #008000;
}
a:hover .frag {
fill: #FFC722;
}
text {
font-size: 17px;
fill: #FFFFFF;
}


[url=#]1[/url]
[url=#]2[/url]
[url=#]3[/url]
[url=#]4[/url]
[url=#]5[/url]
[url=#]6[/url]

[url=#][/url]

Источник: https://stackoverflow.com/questions/781 ... ion-issues