Минимальный вид табов
- index.html
HTML
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
Мы подумали, что вы могли соскучиться по испытаниям про биатлон и мишени, и вот — ещё мишень. Только теперь на SVG.
Нарисуйте мишень, используя circle и rect.
Цвета: yellowgreen, skyblue, white, crimson и black.
Все размеры и координаты кратны пяти.
Решение
Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.
<svg width="300" height="290">
<rect width="100%" height="290" fill="yellowgreen" />
<rect width="100%" height="180" fill="skyblue" />
<rect width="10" height="30" x="80" y="230" rx="5" fill="black" />
<rect width="10" height="30" x="210" y="230" rx="5" fill="black" />
<circle cx="150" cy="160" r="100" fill="crimson" />
<circle cx="150" cy="160" r="80" fill="white" />
<circle cx="150" cy="160" r="60" fill="crimson" />
<circle cx="150" cy="160" r="40" fill="white" />
<circle cx="150" cy="160" r="20" fill="crimson" />
</svg>Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
Проходить вызовы части «Знакомство с SVG» тренажёра «Внутреннее устройство SVG» можно после регистрации и оформления подписки.