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

...

Код

Главная » Статьи » Js
Растровый текстовый строковыводчик

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="500" height="500" style="border:1px solid #d3d3d3;" >
</canvas>

<script>
let canvas= document.getElementById("myCanvas");
let ctx = canvas.getContext("2d");
let x = 0;
let y = 50;
let text = "";
let arrtext = Array("");
let counter = 0;
document.onkeypress = function(e){

text += e.key;
if (e.key == 'Enter'){
counter = counter + 1;
text = "";
}
arrtext[counter] = text;

if (e.key === ' ' ) {
e.preventDefault();
}


window.scrollTo(0, 0);

ctx.clearRect(0,0,500,500);
for (let i = 0;i < arrtext.length;i++)
ctx.fillText(i+ " " + arrtext[i], x, y+i*25);


}


</script>

</body>
</html>

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

Меню сайта

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

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

Мини-чат

Статистика

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

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

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

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

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

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

    • Поиск