25.04.2025

JavaScript. Canvas. Первое занятие

<html>
<head>
<title>Рисунок</title>
</head>
<body bgcolor="LightGreen">
<h1>Это canvas</h1>


<canvas id="namevasya" width="1500" height="800" style="background: LightCyan;"></canvas>

<script>
//Не изменяемая часть
   var canvas = document.getElementById('namevasya');
   var ctx = canvas.getContext('2d');
//----------------------

   ctx.beginPath();  //начало

   ctx.moveTo(250, 150); // это просто передвинуть курсор
   ctx.lineTo(1250, 150); // нарисовать линию к этой координате

   ctx.moveTo(750,300);
   ctx.lineTo(750,700);


   ctx.stroke();   // конец

</script>


</body>
</html>