Прямоугольники и другие фигуры в canvas

Как запустить команду Прямоугольник?

Команду «Прямоугольник» можно запустить несколькими способами:

С клавиатуры.

Набираем на клавиатуре ПРЯМОУГ (большими или маленькими буквами – это не важно) и нажимаем . Причем в последних версия Автокад достаточно набрать только ПРЯ

Причем в последних версия Автокад достаточно набрать только ПРЯ.

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

В нашем случаи набираем ПРЯ и нажимаем <Enter>. См. Рис. 1.

Рис. 1. Запуск команды ПРЯМОУГ

Также вместо команды ПРЯМОУГ можно набрать _rectang.

Команда rectang работает в Английской версии. Английского название с нижним подчеркиванием _rectang, будет работать во всех версиях.

С ленты при помощи мыши.

На ленте перейдите на вкладку «Главная». Поместите указатель мыши на команду ПРЯМОУГОЛЬНИК  и щелкните левой кнопкой мыши См. Рис. 2

Рис. 2. Запуск команды ПРЯМОУГОЛЬНИК

Если чуть дольше подержать указатель мыши, то всплывет более подробная подсказка. См. Рис. 3.

Рис. 3. Подробная подсказка.

Большинство пользователей используют второй способом.

Как сделать описание для специалиста

Если вы частный специалист, фрилансер или просто профи в какой-то отрасли, то ваша страница в инстаграме – это что-то среднее между личным блогом и бизнес-аккаунтом. Можно подойти к вопросу с юмором и добавить немного смайлов для настроения. Известно ведь, что потенциальный заказчик ищет не только мастера с определенными навыками, но и хочет получить интересного человека, с которым приятно иметь дело.

В описании к своей странице обязательно укажите, чем вы занимаетесь и на каких условиях готовы взяться за заказ. Четко перечислите все услуги, которые способные оказать и сроки выполнения работ. Обязательно оставьте для потенциального заказчика контакты, по которым он может связаться с вами.

Специалист также может указать свой слоган, основную идею и критерии, которых он обязательно придерживается в работе. Чего уж точно не стоит делать, так это оставлять описание пустым, вносить в него только номер телефона или брендовый, мало кому известный хештэг.

Самое главное, чтобы посетитель страницы с первых секунд смог разобрать сферу вашей деятельности, какие услуги и на каких условиях вы готовы оказывать. Старайтесь сделать так, чтобы вы и заказчик не теряли зря время. Если не сойдетесь в ценовой политике или тонкостях, лучше чтобы заказчик понял это еще в момент просмотра профиля.

Видео-инструкция

Как нарисовать иллюзию падающего человечка в 3Д

Инструменты и материалы

• лист белой плотной бумаги формата А4;
• простой карандаш В2;
• резинка;
• красная, синяя, черная художественная гуашь;
• тоненькая кисточка.

Пошаговое обучение рисованию

1. В нижнем правом углу белого листа формата А4 нарисуйте карандашом фигурку падающего человечка с вытянутыми руками без кистей рук (просто две параллельные линии).
2. Красной художественной гуашью закрасьте свитер фигурки. Шорты закрасьте синей гуашью, волосы сделайте черными.
3. Прорисуйте черной гуашью детали лица и фигурки, ее контуры, края одежды.
4. Согните лист бумаги, в соответствующем кистям месте нарисуйте их. Согните лист, совместив изображения, зафиксируйте при помощи нити или скотча. Все размеры рисунка вы увидите на фото.

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

Видео инструкция

Пошаговое создание иллюзии 3Д показано в ролике. Повторите работу, удивив близких и друзей удивительным эффектом.

Точечная роспись контурами с помощью схем, трафаретов, шаблоновРоспись пряников айсингом как рисовать расписные рисункиИдеи для рисунков краски для аквагрима, как нарисовать кошкуГжель роспись история возникновения промысла, как нарисовать картинки

Прямоугольник с закругленными краями

Стандартной функции для вывода такого прямоугольника нет, но можно воспользоваться следующей:

Пример 17. Функция вывода прямоугольника с закругленными краями:

function ImageRectangleWithRoundedCorners(&$im, $x1, $y1, $x2, $y2, $r, $color) {

	imagefilledrectangle($im, $x1+$r, $y1, $x2-$r, $y2, $color);
	imagefilledrectangle($im, $x1, $y1+$r, $x2, $y2-$r, $color);

	imagefilledellipse($im, $x1+$r, $y1+$r, $r*2, $r*2, $color);
	imagefilledellipse($im, $x2-$r, $y1+$r, $r*2, $r*2, $color);
	imagefilledellipse($im, $x1+$r, $y2-$r, $r*2, $r*2, $color);
	imagefilledellipse($im, $x2-$r, $y2-$r, $r*2, $r*2, $color);
	}

Результат работы этой функции выглядит следующим образом:

5Как нарисовать объемный квадрат?

Если вам понравился творческий процесс, попытайтесь начертить объемный квадрат, то есть – куб.

Нарисуйте один квадрат, ниже – расположите второй, чтобы он перекрывал первый. Соедините обе фигуры лучами: верхний левый угол первого квадрата с верхним левым углом второго. Верхний правый угол 1-ой фигуры с верхним правым – второй фигуры. Также отработайте нижние углы и уберите второстепенные линии.

Для придания объемности оттените объект тенью, заштрихуйте грани и обведите контур черным грифелем.

Как видите, нарисовать квадрат несложно. Главное – соблюдайте данные инструкции, выполняйте тренировочные упражнения и у вас все получится.

Метод №1: С помощью инструмента «Прямоугольник»

Переходим к панели инструментов в левой части экрана, и находим группу “Фигуры”, где, при наведении, откроется список со всеми доступными фигурами. Нам нужен самый первый – “Прямоугольник”.

Благодаря этому потрясающему инструменту мы сможем построить прямоугольник любых размеров с нужным соотношением сторон. При этом качество не будет ухудшаться даже при масштабировании, т.к. фигура создается в векторе. Задать нужные параметры фигуры можно в верхнем горизонтальном меню программы. В основном задаются настройки заливки, границы и толщины линий, образующих фигуру.

Благодаря зажатой клавише SHIFT вы сможете нарисовать на холсте прямоугольник с равными сторонами – т.е. квадрат. Также вы можете изначально задать размеры фигуры в верхней панели:

После того, как вы зададите размеры, нужно кликнуть мышкой на холст, после чего появится небольшое окошко, в котором потребуется подтвердить создание прямоугольника с заданными параметрами. Если все нормально, то просто кликаем “ОК”.

Как нарисовать простой объемный квадрат

Итак, как нарисовать квадрат объемный поэтапно? Это не сложно, наш первый способ нарисовать объемный квадрат будет самым простым. Наша задача на этом этапе придать объем квадрату и нарисовать трехмерную фигуру на плоской поверхности бумаги. Давайте приступим!

Шаг 1: Рисуем квадрат

Начните рисовать объемный квадрат (он же куб) с простого плоского квадрата. Это будет лицевая сторона вашего объемного квадрата.

В этом пошаговом уроке вы наверняка получите хорошую практику по рисованию прямых линий)). Постарайтесь нарисовать все стороны квадрата одинаковой длины и постарайтесь, чтобы все углы квадрата были прямые — ровно 90 градусов.

Шаг 2: Добавьте боковые грани

Добавьте три линии, из двух верхних углов и из нижнего правого угла квадрата. Постарайтесь нарисовать все линии одинаковой длины.

Вы можете «поиграть» с углом, под которым рисуете линии. Здесь мы провели линии примерно под углом 45 градусов. Это дает нам наиболее типичный вид Куба(объемного квадрата), на котором вы можете видеть как верхнюю, так и правую сторону куба.

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

Шаг 3: Рисуем задние грани

Последний этап, дорисуйте объемный квадрат, добавив последние два ребра. Они должны быть такой же длины, что и наш первоначальный квадрат. Одно ребро рисуем горизонтально (слева направо), другое вертикально (сверху вниз).

Как нарисовать прямоугольник в Автокад по размерам с заданием длины и ширины

Вы можете не задавать местоположение точки второго угла, а указать длину и ширину прямоугольника (его размеры) в Автокад. Отвечает за данную функцию команды Rectang опция «Размеры».

Постройте прямоугольники AutoCAD по размерам: длина 40 мм, ширина 20 мм.

Вызовите инструмент Rectangle, затем укажите местоположение точки первого его угла. Выберите опцию команды «Размеры». В командной строке появляется следующий запрос:

Длина прямоугольника:

Ввести значение длины 40 мм можно в командную строку либо указанием двух точек на чертеже при помощи мыши. Введите значение его длины 40 мм в командную строку. Нажимаем «Enter». Далее появляется запрос:

Ширина прямоугольника:

Введем значение ширины 20 мм в командную строку. Нажимаем «Enter». Появляется запрос:

Укажите точку второго угла:

т.е. необходимо указать ориентацию прямоугольника в AutoCAD, поскольку первая точка и размеры уже известны. Сделать это можно щелчком мыши в нужном его положении. Предварительный эскиз прямоугольника будет перемещаться за указателем мыши вокруг точки первого угла до указания его ориентации. Доступно четыре возможных ориентации прямоугольника по размерам (смотрите рисунок).

Рейтинг лучших качелей для новорожденных

Способы построения изометрической проекции плоских фигур, геометрических тел и деталей

Для выполнения изометрической проекции любой детали не­обходимо знать правила построения изометрических проекций плоских и объемных геометрических фигур.

Правила построения изометрических проекций геометриче­ских фигур. Построение любой плоской фигуры следует начи­нать с проведения осей изометрических проекций.

При построении изометрической проекции квадрата (рис. 109) из точки О по аксонометрическим осям откладывают в обе сто­роны половину длины стороны квадрата. Через полученные за­сечки проводят прямые, параллельные осям.

При построении изометрической проекции треугольника (рис. 110) по оси X от точки 0 в обе стороны откладывают отрезки, равные половине стороны треугольника. По оси У от точки О откладывают высоту треугольника. Соединяют полученные за­сечки отрезками прямых.

Рис. 109. Прямоугольная и изометрические проекции квадрата

Рис. 110. Прямоугольная и изометрические проекции треугольника

При построении изометрической проекции шестиугольника (рис. 111) из точки О по одной из осей откладывают (в обе сторо­ны) радиус описанной окружности, а по другой — H/2. Через полученные засечки проводят прямые, параллельные одной из осей, и на них откладывают длину стороны шестиугольника. Со­единяют полученные засечки отрезками прямых.

Рис. 111. Прямоугольная и изометрические проекции шестиугольника

Рис. 112. Прямоугольная и изометрические проекции круга

При построении изометрической проекции круга (рис. 112) из точки О по осям координат откладывают отрезки, равные его радиусу. Через полученные засечки проводят прямые, парал­лельные осям, получая аксонометрическую проекцию квадрата. Из вершин 1, 3 проводят дуги CD и KL радиусом 3С. Соединяют точки 2 с 4, 3 с С и 3 с D. В пересечениях прямых получаются центры а и б малых дуг, проведя которые получают овал, заме­няющий аксонометрическую проекцию круга.

Используя описанные построения, можно выполнить аксоно­метрические проекции простых геометрических тел (табл. 10).

10. Изометрические проекции простых геометрических тел

Способы построения изометрической проекции детали:

1. Способ построения изометрической проекции детали от формообразующей грани используется для деталей, форма кото­рых имеет плоскую грань, называемую формообразующей; ши­рина (толщина) детали на всем протяжении одинакова, на боко­вых поверхностях отсутствуют пазы, отверстия и другие элемен­ты. Последовательность построения изометрической проекции заключается в следующем:

1) построение осей изометрической проекции;

2) построение изометрической проекции формообразующей грани;

3) построение проекций остальных граней посредством изо­бражения ребер модели;

Рис. 113. Построение изометрической проекции детали, начиная от фор­мообразующей грани

4) обводка изометрической проекции (рис. 113).

1. Способ построения изометрической проекции на основе по­следовательного удаления объемов используется в тех случаях, когда отображаемая форма получена в результате удаления из исходной формы каких-либо объемов (рис. 114).
2. Способ построения изометрической проекции на основе по­следовательного приращения (добавления) объемов применяется для выполнения изометрического изображения детали, форма которой получена из нескольких объемов, соединенных опреде­ленным образом друг с другом (рис. 115).
3. Комбинированный способ построения изометрической про­екции. Изометрическую проекцию детали, форма которой полу­чена в результате сочетания различных способов формообразо­вания, выполняют, используя комбинированный способ построе­ния (рис. 116).

Аксонометрическую проекцию детали можно выполнять с изображением (рис. 117, а) и без изображения (рис. 117, б) неви­димых частей формы.

Рис. 114. Построение изометрической проекции детали на основе последовательного удаления объемов

Рис. 115 Построение изометрической проекции детали на основе последовательного приращения объемов

Рис. 116. Использование комбинированного способа построения изометрической проекции детали

Рис. 117. Варианты изображения изометрических проекций детали: а — с изображением невидимых частей; б — без изображения невидимых частей

Линия

Используйте этот инструмент, чтобы создавать по-настоящему прямые линии — от руки их делать просто нецелесообразно. Чтобы добиться максимальной точности, настройте геометрические параметры в соответствующем окне.

• Начало. Если флажок установлен, вместо линии вы получите стрелку, которая будет нарисована в месте, где вы щёлкнули кнопкой мыши.
• Конец. Установите флажок, чтобы стрелка добавлялась в конец линии.
• Ширина. Указывается в процентах по отношению к толщине (её можно задать на панели параметров в одноимённом поле).
• Длина. Считается так же, как и ширина — по отношению к толщине, в процентах.
• Кривизна. Значение указывается в диапазоне от -50% до 50% и определяет, насколько будет изогнута самая широкая часть стрелки. На рисунке изображены стрелки кривизной 0%, 30% и 50% (сверху вниз).

Контуры

Остальные фигуры в Canvas рисуются с помощью контуров. Это делается так:

1. Вызываем метод beginPath(), который создаёт новый контур.
2. С помощью различных методов контекста рисуем сам контур.
3. Если нужно замкнуть контур, то есть, соединить начальную и конечную точку, то используем метод
   closePath(). Это может потребоваться только для линий. А у замкнутых фигур
   контур всегда замыкается, даже если это не сделать.
4. Вызываем один из методов — либо stroke(),
   либо fill(), которые рисуют фигуру по контуру.
   stroke() рисует линию, а fill()
   заполняет контур.

Контур не отображается на рисунке. Он становится виден, когда по нему нарисована фигура.

Метод lineTo() рисует прямую линию от текущей точки до указанной точки.

lineTo (X, Y)

Указанная точка становится текущей. От неё можно нарисовать ещё одну прямую. И таким образом можно создать
сложную линию. Если нужно её прервать и начать новую линию, то используется метод
moveTo(), который задаёт новую текущую точку. Все линии остаются частью одного
контура. При создании нового контура нужно использовать метод moveTo() для указания
начальной точки, от которой начинается контур.

Добавим на рисунок линии:

ctx.strokeStyle = '#0000FF';
ctx.beginPath();
ctx.moveTo(20, 10);
ctx.lineTo(70, 50);
ctx.lineTo(120, 10);
ctx.lineTo(170, 50);
ctx.moveTo(200, 10);
ctx.lineTo(230, 10);
ctx.stroke();

Результат получится такой:

Замыкать контур не требовалось, поэтому метод closePath() не использован.

Теперь нарисуем закрашенный треугольник.

ctx.fillStyle = '#309053';
ctx.beginPath();
ctx.moveTo(285, 5);
ctx.lineTo(320, 70);
ctx.lineTo(250, 70);
ctx.fill();

Должно выглядеть так:

Обратите внимание, нарисовано только две линии. Третья появилась при замыкании контура

Мы ничего не делали
для этого. Контур замыкается при заливке.

Как нарисовать объемный квадрат под разными углами

Теперь, когда вы знаете, как нарисовать объемный квадрат в базовом виде, попробуйте «поиграть» с разными углами и видами.

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

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

Обратите внимание, что нижняя боковая линия теперь выходит из другой стороны начального квадрата

Вы можете нарисовать стороны уходящие вниз и влево и получите вид, в котором мы видим нижнюю и левую стороны объемного квадрата.

График изменения уровня доверия

ИЗОБРАЖЕНИЕ ПРОСТРАНСТВЕННЫХ ФИГУР. КОРОТКО О ГЛАВНОМ

Как нарисовать пространственную фигуру так, чтобы было видно, что она объемная?

Вот, смотри на несколько уже готовых чертежей, и поймешь, о чем речь.

Но возникает вопрос: а как вообще дойти до готового чертежа, где что-то должно быть сплошным, а что-то пунктиром?

Если не знаешь ответ на этот вопрос — прочитай подробную теорию ВЫШЕ.

ОСТАВШИЕСЯ 2/3 СТАТЬИ ДОСТУПНЫ ТОЛЬКО УЧЕНИКАМ YOUCLEVER!

Стать учеником YouClever,

А также получить бессрочный доступ к учебнику «YouClever», Программе подготовки (решебнику) «100gia», неограниченному пробному ЕГЭ и ОГЭ, 6000 задач с разбором решений и к другим сервисам YouClever и 100gia.

Пожалуй, самая распространенная геометрическая фигура это прямоугольник или квадрат, что по сути одно и то же. Единственное отличие в том, что у квадрата все стороны равны.

Но разговор не о том. В этом уроке по Фотошопу вы узнаете, как сделать прямоугольник двумя методами. Приступим!

Установка цвета

Все фигуры в Canvas делятся на два типа:

1. Закрашенные фигуры
2. Линии

Для каждого типа цвет устанавливается отдельно. Когда Вы выбрали цвет для какого-то типа, то все фигуры
этого типа будут создаваться с таким цветом. Пока Вы не установите другой цвет. Свойство
fillStyle содержит цвет для закрашенных фигур, а
strokeStyle для линий. Цвет устанавливается любым из способов, существующих в
CSS. В том числе, можно использовать систему RGBA и создать прозрачный цвет. Только не забывайте, что значениями
этих свойств являются строки. Установим цвет для фигур:

ctx.fillStyle = '#F0F0F0'; //для линий
ctx.strokeStyle = 'rgba(255,10,38,0.9)'; //для закрашенных фигур

4Как нарисовать квадрат с использованием циркуля?

В этом случае кроме бумаги, линейки, карандаша и ластика вам понадобится циркуль. И конечно, это будет простенький чертеж, а не рисунок.

Отложите отрезок и постройте на нем, используя транспортир прямой угол LMN. Поставьте острие циркуля в т. M и очертите грифелем дугу, которая определит сторону квадрата (т. P).

Переместите ногу на второй отрезок и пересеките его дугой. Получите т. Q, в которую перенесите иглу циркуля и проведите первую дугу ниже луча MN. То же самое проделайте, поставив ногу в т. P. Две дуги пересекутся крестиком в т. R.

Соедините точки – P, R и точки – Q, R прямыми отрезками. Вышедшая фигура – PMQR является квадратом. Теперь аккуратно сотрите наметку.

Проблемы при рисовании полупрозрачного прямоугольника

Так как прямоугольник рисуется с помощью четырех линий, которые пересекаются в вершинах, то при использовании
прозрачности четыре угловых пикселя становятся более темными. Для решения этой проблемы можно использовать следующую функцию:

Пример 15. Рисование полупрозрачного прямоугольника:

<?php
header ("Content-type: image/png");
$im = imagecreatetruecolor(320, 240);
$ink = imagecolorallocate($im, 255, 255, 255);

$col = imagecolorallocatealpha($im, 255, 255, 255, 96);


function imagetransparentrectanle($im,$x1,$y1,$x2,$y2,$col) {
	imageline($im, $x1, $y1, $x2, $y1, $col ); 
	imageline($im, $x1, $y2, $x2, $y2, $col );
	imageline($im, $x1, $y1+1, $x1, $y2-1, $col );
	imageline($im, $x2, $y1+1, $x2, $y2-1, $col );
	}


imagetransparentrectanle($im,10,10,100,100,$col);


imagerectangle($im,110,110,200,200,$col);

imagepng($im);
imagedestroy($im);
?>

Результат работы этой программы выглядит следующим образом:

Общие правила

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

выбор инструментов. Карандаши различаются по степени твёрдости.

Перед буквой можно увидеть цифру, которая обозначает степень твёрдости карандаша. Например 3B в три раза мягче, чем просто B. Для обычных карандашных набросков рекомендуется брать с отметкой «HB»

компоновка или положение на листе. В начале работы всегда нужно продумать, где вы хотите расположить будущий рисунок. Для набросков на клочке бумаге это кажется некритичным и так и есть. Но когда вы работаете над сложным проектом, где нужно отрисовать большое количество элементов — это важный момент

Здесь важно сделать начальную разметку тонкими линиями простым карандашом. Если вы посчитаете, что расположение будет неудачно, то сможете стереть метки;
прорисовка фигуры

Художник обладает базовыми знаниями о том, как устроен человек. Важно иметь представление о строении и расположении мышц, костей — это поможет грамотно и красиво нарисовать человека вне зависимости от того, полный он или худой. Помимо этого нужно, чтобы тело выглядело пропорционально, если рисуете в полный рост. Помогает в этом основная вертикальная линия, от которой можно отталкиваться в процессе рисования. В конце работы её нужно стереть.
добавление деталей. Реалистичность рисунку добавляют прорисовка складок ткани, штриховка, тени.

Теперь вы знаете основные правила, и можно приступать к рисунку.

Подписывайтесь на наши новости

Одно письмо в неделю с самыми актуальными статьями + обзор digital-профессий!

*Нажимая «Подписаться» вы даете согласие на обработку персональных данных.

Метод №1: С помощью инструмента «Прямоугольник»

Переходим к панели инструментов в левой части экрана, и находим группу “Фигуры”, где, при наведении, откроется список со всеми доступными фигурами. Нам нужен самый первый – “Прямоугольник”.

Благодаря этому потрясающему инструменту мы сможем построить прямоугольник любых размеров с нужным соотношением сторон. При этом качество не будет ухудшаться даже при масштабировании, т.к. фигура создается в векторе. Задать нужные параметры фигуры можно в верхнем горизонтальном меню программы. В основном задаются настройки заливки, границы и толщины линий, образующих фигуру.

Благодаря зажатой клавише SHIFT вы сможете нарисовать на холсте прямоугольник с равными сторонами – т.е. квадрат. Также вы можете изначально задать размеры фигуры в верхней панели:

После того, как вы зададите размеры, нужно кликнуть мышкой на холст, после чего появится небольшое окошко, в котором потребуется подтвердить создание прямоугольника с заданными параметрами. Если все нормально, то просто кликаем “ОК”.

Рисование закрашенного прямоугольника

Для рисования закрашенного прямоугольника используется функция :

int imagefilledrectangle ( resource image, int x1, int y1, int x2, int y2, int color)

Она рисует закрашенный прямоугольник цвета color. Координаты верхнего левого угла прямоугольника — x1:y1, координаты нижнего правого угла прямоугольника — x2:y2.

Пример 13. Рисование закрашенного прямоугольника:

<?
header ("Content-type: image/png");
$im = imagecreatetruecolor(320, 240);
$red = imagecolorallocate($im, 255, 0, 0);


imagefilledrectangle($im,80,60,240,180,$red);

imagepng($im);
imagedestroy($im);
?>

Результат работы этой программы выглядит следующим образом:

3Как нарисовать квадрат с помощью транспортира?

Если фигуру нужно выстроить на нелинованном листе, воспользуйтесь для ее создания линейкой и транспортиром.

Проведите на листе опорный луч равный 6 см (длина приблизительная) – это будущая 1-я сторона квадрата.

Постройте на концах созданного луча углы = 90º. Для этого расположите центр транспортира сначала на одном, затем на другом конце отрезка – это будут вершины прямого угла.

На круглой шкале инструмента найдите 90º, отметьте точкой. Соедините вершину с меткой и проведите вертикальные лучи.

Отложите по 6 см на построенных линиях, соединив крайние точки. Сотрите ненужные очертания и перед вами точный квадрат.