WafelT
@WafelT
HTML/CSS/JavaScript

Как сделать круговое расположение букв в словах?

62a746eead8b5520854599.png
Нужен скрипт который может расположить эти символы по кругу в зависимости от их числа. ( Без jQuery )
  • Вопрос задан
  • 383 просмотра
Решения вопроса 2
sergiks
@sergiks Куратор тега JavaScript
♬♬
Библиотека CircleType (демо)
Ответ написан
Комментировать
Okujava-script
@Okujava-script
Веб-программист с абсолютным слухом и композитор
<h1 id=h1></h1>
<script>
let radius = 70;
let text = "corporate*service*";
let step = Math.PI * 2 / text.length;
for(i = 0; i < text.length; i ++){
	let x = radius + radius * Math.sin(i * step);
	let y = radius + radius * Math.cos(i * step);
	let myspan = document.createElement("span");
	myspan.innerText = text[i];
	myspan.style.position = "absolute";
	myspan.style.left = x + "px";
	myspan.style.bottom = y + "px";
	myspan.style.transform = "rotateZ(" + i * 360 / text.length + "deg)";
	h1.appendChild(myspan);
}
</script>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы