Геометрические фигуры

@Misye_kot3 · Регистрация: 27.10.2015

Author24 — интернет-сервис помощи студентам

Помогите с заданием: Нарисовать белый круг на черном фоне. Круг должен быть максимально большим, но входить в окно полностью.

@Qwerty_Wasd · 17.01.2017, 15:40

PHP/HTML

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>без имени</title>
</head>
 
<body>
<canvas id="mycanvas" width="300" height="300" style="background-color:black;">
"Этот текст будет показан, если ваш браузер не поддерживает Canvas"
<script type="text/javascript">
            var canvas  = document.getElementById("mycanvas");
            var context = canvas.getContext('2d');
            context.beginPath();
            context.fillStyle = "white";
            context.arc(150, 150, 150, 0, 2 * Math.PI);
            context.fill();
            context.closePath();
            </script>
</canvas>
 
</body>
 
</html>

@8Observer8 · 18.01.2017, 13:16

Сообщение от Misye_kot3

Круг должен быть максимально большим, но входить в окно полностью.

Поясните, что значит, входить в окно полностью? Я так понял, что если область окна браузера - это прямоугольник, то круг должен касаться сторон прямоугольника по середине.

@Misye_kot3 · 18.01.2017, 20:17 **[ТС]**

Где именно он располагается, в принципе без разницы, главное чтобы входил в окно полностью и был максимально большим. Я смог сделать только так (минус моего решения только в том, что радиус круга идет как 50% от ширины окна, и если я увеличиваю окно только в ширину круг обрезается и выходит за нижнюю границу. Если увеличиваю окно в высоту все нормально, остается пространство и круг не обрезается. Требуется сделать так, чтобы при увеличении ширины круг не выходил за нижнюю границу и вел себя также как во втором случае с увеличением окна в высоту):

HTML5

<!DOCTYPE html>
<head>
    <title>lab</title>
    <style>  .ball {
 
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    background: white;
    border-radius: 100%;
}
    </style>
</head>
 
<body bgcolor="#00000">
    <div class="ball"></div>
</body>
    
</body>
</html>

@Misye_kot3 2 / 2 / 2 Регистрация: 27.10.2015 Сообщений: 35
		1
	Геометрические фигуры 17.01.2017, 03:34. Показов 2592. Ответов 3 Метки нет (Все метки) Помогите с заданием: Нарисовать белый круг на черном фоне. Круг должен быть максимально большим, но входить в окно полностью. 0

@8Observer8 5158 / 2770 / 465 Регистрация: 05.10.2013 Сообщений: 7,321 Записей в блоге: 147
	18.01.2017, 13:16	3
	Сообщение от Misye_kot3 Круг должен быть максимально большим, но входить в окно полностью. Поясните, что значит, входить в окно полностью? Я так понял, что если область окна браузера - это прямоугольник, то круг должен касаться сторон прямоугольника по середине. 0

	18.01.2017, 20:17