Показать сообщение отдельно
  #1 (permalink)  
Старый 26.09.2020, 18:20
Аспирант
Отправить личное сообщение для Alena_03 Посмотреть профиль Найти все сообщения от Alena_03
 
Регистрация: 06.09.2020
Сообщений: 57

Canvas фигруры
Всем привет, задание на фото. Не пойму как нарисовать второй квадрат под первым и центрировать их(align?), а с сеткой вообще не понимаю как быть
Мой код:
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

<canvas id="canvas" width="400" height="400" style="background: #F4F4F4;"></canvas>
	<script>
		var ctx = document.getElementById('canvas').getContext('2d');
		
			ctx.rect(50, 50, 100, 100); 
			ctx.fillStyle = 'green'; 
			ctx.fill();

	</script>


</body>
</html>
Изображения:
Тип файла: png Рисунок1.png (1.1 Кб, 3 просмотров)
Тип файла: png Рисунок2.png (938 байт, 2 просмотров)
Ответить с цитированием