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

...

Код

Главная » Статьи » 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');

function myfunc(){


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

ctx.fillStyle = 'red';
ctx.fillRect(0,520,s,25);

ctx.fillRect(0,500-s,25,25+s);

ctx.fillStyle = 'blue';
trdraw(0+s,600,0+s,475,50+s,525);

ctx.fillStyle = 'green';
trdraw(0,400-s,0,500-s,50,500-s);

s = s + 1;

}

function trdraw(x1, y1, x2, y2, x3, y3){
ctx.beginPath();
ctx.moveTo(x1, y1);       
ctx.lineTo(x2, y2);
ctx.lineTo(x3, y3);
ctx.fill();
}


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

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

Мини-чат

Статистика

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

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

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

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

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

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

    • Поиск