Понедельник, 25.11.2024, 00:21 | Приветствую Вас Гость

...

Код

Главная » Статьи » Js
Дерганное изображение

<!doctype html>
<html>
<head>
<title>canvasExample</title>
<meta charset='utf-8' />
</head>
<body onload="setInterval('myfunc()', 10)" >
<canvas height='700' width='700' id='example'></canvas>
<script>
let s = 0;


const canvas = document.querySelector('#example');
const ctx = canvas.getContext('2d');
ctx.fillStyle = '#' + Math.floor(Math.random()*16777215).toString(16);
function myfunc(){
let narray = [];

for (let q = 0 ;q <10;q++){
narray.push(Math.floor(Math.random() * 300));
}
ctx.clearRect(0,0,700,700);

for (let q = 0 ;q <10;q++){
for (let i = 0; i < 700; i+=100){

ctx.fillRect(0,0,narray[q]+s,i)
}

}

s = s + 1;
}


</script>
</body>
</html>

Категория: Js | Добавил: moskov (11.02.2022)
Просмотров: 89 | Рейтинг: 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]

Мини-чат

Статистика

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

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

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

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

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

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

    • Поиск