• Теория
  • Теория

Испытание: починка телевизора

Кекс заказал телевизор, но не знал, что доставкой займётся почта РФ. И телевизор пришёл немного «помятый».

Почините картинку, подобрав размеры, координаты и радиусы скругления фигур. Все значения кратны пяти.

Решение

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

<svg height="250" width="330">
  <rect class="leg" width="15" height="30" x="45" y="200" rx="5" fill="black" />
  <rect class="leg" width="15" height="30" x="260" y="200" rx="5" fill="black" />

  <rect class="case" width="300" height="200" x="10" y="10" rx="50" fill="dimgray" />
  <rect class="screen" width="200" height="160" x="30" y="30" rx="30" fill="deepskyblue" />

  <rect class="panel" width="50" height="90" x="245" y="70" rx="10" fill="black" />

  <rect class="button" width="30" height="15" x="255" y="80" rx="5" fill="red" />
  <rect class="button" width="30" height="15" x="255" y="105" rx="5" fill="gold" />
  <rect class="button" width="30" height="15" x="255" y="130" rx="5" fill="lime" />
</svg>

Без JavaScript будущему разработчику никуда. Записывайтесь на профессиональный курс «JavaScript. Профессиональная разработка веб-интерфейсов». Цена 12 000 ₽.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Знакомство с SVG» тренажёра «Внутреннее устройство SVG» можно после регистрации и оформления подписки.