Имеется круг на канвасе
var canvas = document.getElementById("canvas");
ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.arc(500,300, 250, 0, 2 * Math.PI, false);
ctx.stroke();
Также есть ползунок под этим кругом
<input type="range" min="0" max="30" step="1" id="range">
Задача вообще нетривиальная, но нужна для одного прикольного математического фокуса. Необходимо, чтобы по дефолту на круге стояло 10 точек, от 0 до 9, на равном расстоянии. При изменении ползунка должны добавляться точки, то есть в положении ползунка 0 точек 10, в положении 1 11 итд, при этом разумеется точки должны раздвигаться, чтобы между ними было все время равное расстояние, и еще подписи возле каждой точки. Данная схема реализуема на канвасе, или нужна какая-то другая магия? :D