подскажите, как можно реализовать дугу из дивов(эти части будут выводиться из бд)
5
-
точно из div-ов? – Stranger in the Q 26 мая '19 в 16:06
-
@StrangerintheQ желательно, но рассмотрю и другие варианты – DrowDev 26 мая '19 в 16:08
-
так то они только прямоугольные могут быть – Stranger in the Q 26 мая '19 в 16:09
-
@StrangerintheQ это не важно, их нужно расположить дугой – DrowDev 26 мая '19 в 16:11
-
Вложить их друг в друга, а потом все пачкой закрыть. – Qwertiy♦ 27 мая '19 в 18:18
добавить комментарий
|
1 ответ
Это легко сделать по формуле:
for (var i = 1; i < 10; i++)
document.body.innerHTML += `<div style="
transform: rotate(${i*20-100}deg);
top: ${110+Math.sin(i/Math.PI-Math.PI)*100}px;
left: ${300+Math.cos(i/Math.PI-Math.PI)*100}px"
>${i}</div>`
div{
position: absolute;
height: 20px;
width: 20px;
border: solid;
text-align: center;
}
-
-
-
сколько я не пытался, гуглил, но так и не смог понять, как это интегрировать в уже готовый for. Пример того, чего я хочу сделать playroll.ru – DrowDev 27 мая '19 в 17:29
-
-