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

...

Код

Главная » Статьи » Js
Облачко

<!DOCTYPE html>
<html>
<body>

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

<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

function draw_arc_1(x1,y1){
ctx.beginPath();
ctx.arc(x1, y1, 50, Math.PI, 0);
ctx.stroke();
}

function draw_arc_2(x1,y1){
ctx.beginPath();
ctx.arc(x1, y1, 50,0,Math.PI);
ctx.stroke();
}


for (let i = 0; i < 5; i++){
draw_arc_1(50+i*100,75);
draw_arc_1(50+i*100,275);
}

for (let i = 0; i < 5; i++){
draw_arc_2(50+i*100,175);
draw_arc_2(50+i*100,375);
}

</script> 

</body>
</html>

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

Мини-чат

Статистика

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

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

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

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

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

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

    • Поиск