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

...

Код

Главная » Статьи » Js
Гистограмма отрезков

<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="400" height="400" style="border:1px solid
#d3d3d3;">
</canvas>

<script>

let c = document.getElementById("myCanvas");
let ctx = c.getContext("2d");


ctx.clearRect(0,0,400,400);

ctx.beginPath();
for (let y = 0; y <= 400; y += 50) {
for (let x = 0; x <= 400; x += 50) {
ctx.moveTo(0, y);
ctx.lineTo(400, y);

ctx.moveTo(x, 0);
ctx.lineTo(x, 400);
}
ctx.stroke();
}

let X = 0;
let Y = 0;
let cr = "red";
let counter = 0;

let elementcolor = new Array(8);
for (let i = 0; i < 8; i++) {
elementcolor[i] = new Array(8);        
}

for (let i = 0; i < 8; i++) {
for (let q = 0; q < 8; q++) {
elementcolor[q][i] = 0;        
}
}

for (let i = 2; i < 8; i++) {
for (let q = 0; q < 8; q++) {
elementcolor[q][i] = 1;        
}
}

for (let i = 1; i < 8; i++) {
for (let q = 3; q < 8; q++) {
elementcolor[q][i] = 1;        
}
}


for (let i = 3; i < 8; i++) {
for (let q = 0; q < 8; q++) {

elementcolor[q][i] = 2;        
}
}

for (let i = 4; i < 8; i++) {
for (let q = 5; q < 8; q++) {

elementcolor[q][i] = 3;        
}
}

for (let i = 5; i < 8; i++) {
for (let q = 0; q < 8; q++) {
elementcolor[q][i] = 3;        
}
}
 

setInterval(function() {
ctx.fillStyle = cr;
ctx.fillRect(X,Y,49,49);
X = X + 50;
if (X == 400){
X = 0;
Y = Y + 50;
}

if (elementcolor[X/50][Y/50]==0){
cr = "red";
}

if (elementcolor[X/50][Y/50]==1){
cr = "white";
}

if (elementcolor[X/50][Y/50]==2){
cr = "green";
}

if (elementcolor[X/50][Y/50]==3){
cr = "blue";
}


}, 100);

</script>

</body>
</html>

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

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

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

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

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

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

    • Поиск