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

...

Код

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

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

<script>

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


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

let size = 0;
let y = 0;
let counter = 0;
setInterval(function() {
ctx.fillStyle = "red";
ctx.fillRect(0,y,size,20);
y = y + 30;
ctx.fillStyle = "green";
ctx.font = "30px Arial";
ctx.fillText(String(counter)+"%",y-size/2,y+20);

size = size + 20;
counter = counter +1;
}, 100);

</script>

</body>
</html>

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

Мини-чат

Статистика

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

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

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

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

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

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

    • Поиск