Я хочу вращать polygon
вокруг круга.
Я хочу зафиксировать отправную точку полигона в центре круга, подобно этому - http://www.enspiregroup.com
Я много пробовал, но не достиг этой цели.
Мой код ниже
CSS и HTML5
.circle-segment {
position: absolute;
top: 0;
width: 260px;
height: 260px;
}
div .circle-wrap {
position: absolute;
max-width: 360px;
margin: 0 auto;
top: 107px;
left: 29.7%;
}
main.css:1032
.circle-wrap {
width: 362px;
height: 362px;
}
.main-circle {
position: relative;
height: 300px;
width: 300px;
background-color: #0c272e;
border-radius: 50%;
margin: 15px auto;
}
<?xml version="1.0"?>
<div class="circle-wrap">
<div class="main-circle">
<svg class="circle-segment" class="circle-wrap"
xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink" >
<path id="little" d="M180,180 v-180 a180,180 0 0,0 -180,180 z"
fill="#066a8e"></path>
<animateTransform attributeName="transform"
attributeType="XML"
type="rotate"
from="00 60 70"
to="360 60 70"
dur="10s"
repeatCount="indefinite"/>
</svg>
</div>
</div>
Свободный перевод вопроса Rotate svg path around circle от участника @Usama nadeem.