Испытание: воздушные шары

Нарисуйте открытку с воздушными шарами, используя rect, circle, polygon, ellipse и polyline.

Цвета: lemonchiffon, crimson, gold, brown.

Все значения кратны пяти.

Это последнее испытание. В этой части мы рассмотрели простые формы и фигуры в SVG, а в следующих частях разберёмся, как оформлять элементы SVG и задавать им размеры.

Решение

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

<svg width="360" height="500">
  <rect fill="lemonchiffon" width="320" height="460" x="20" y="20" rx="20" />

  <circle cx="140" cy="170" r="100" fill="crimson" />
  <ellipse cx="250" cy="210" rx="60" ry="80" fill="gold" />

  <polyline points="140,270 150,300
                  135,330 150,360
                  135,390 150,420" fill="none" stroke="brown" />

  <polyline points="250,290 260,320
                  245,350 260,380
                  245,410 260,440
                  " fill="none" stroke="brown" />

  <polygon points="140,270 150,280, 130,280" fill="crimson" />
  <polygon points="250,290 260,300, 240,300" fill="gold" />
</svg>

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

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

Зарегистрироваться