Воскресенье, 24.11.2024, 23:57 | Приветствую Вас Гость

...

Код

Главная » Статьи » Js
Поворот текста на градусы

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="500" height="500" style="border:1px solid #d3d3d3;">
</canvas>
<br>
<input type="button" onclick="myclick()" value="задать угол поворота">
<br>

<script>

var selectList = document.createElement('select');
selectList.id="myselect";
for (let i = 0; i<=360;i++)
selectList.add(new Option(i));

document.body.appendChild(selectList);


function myclick(){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var ms = document.getElementById("myselect");

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx.font = '30pt Arial';
ctx.save();
ctx.translate(250,250);
ctx.rotate(ms.value * Math.PI / 180);
var rText = 'Rotated Text';
ctx.fillText(rText , 0, 0);
ctx.restore();


}
</script>

</body>
</html>

Категория: Js | Добавил: moskov (16.04.2021)
Просмотров: 120 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Меню сайта

Категории раздела

PHP [41]
C++ [71]
Autoit [108]
Processing [105]
Basic4GL [7]
Fasm [2]
PABC [7]
Js [234]
Gentee [1]
Python [204]
Java android [3]
Small Basic [9]

Мини-чат

Статистика

Онлайн всего: 2
Гостей: 2
Пользователей: 0

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

  • Хулиган Вселенной

  • Тюремная поэзия

  • Религиозная поэзия

  • Сайт клана ЛеГиоН

    • Поиск