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

Курсы §36. Знакомство с SVG
1 
<svg width="360" height="500">
    <rect width="320px" height="460px" x="20" y="20" rx= "20" fill="lemonchiffon"/>
    <circle r="100" cx="140" cy="170" fill="crimson"/>
    <polygon points="140 270 130 280 150 280" fill="crimson"/>
    <polyline points="140,275 150,300 135,330 150,360 135,390 150,420 " stroke="crimson" stroke-width="1px" fill="none"/>
    <ellipse rx="60" ry="80" cx="250" cy="210" fill="gold"/>
    <polyline points="250,290 260,320 245,350 260,380 245,410 260,440 " stroke="crimson" stroke-width="1px" fill="none"/>
    <polygon points="250 290 240 300 260 300" fill="gold"/>
    
    
    <!--lemonchiffon, crimson, gold, brown.-->
</svg>

не проходит 1% показывает проблему в ленточках от шариков, визуально различий вроде нет(

2

Цвет ленточек не совпадает. Выписали себе в комментарий цвет brown, а так и не использовали.
А еще придется поменять порядок элементов: ленточки и треугольника у розового шарика.

2 лайка
3

Хех … такая мелочь оказалась, спасибо большое!

4

У меня так получилось.

<rect width="320" height="460" x="20" y="20" rx="20" fill="lemonchiffon"/>
<circle r="100" cx="140" cy="170" fill="crimson"/>
<polygon points="130,280 140,270 150,280" fill="crimson"/>
<ellipse rx="60" ry="80" cx="250" cy="210" fill="gold"/>
<polyline points="250,290 260,320 245,350 260,380 245,410 260,440" stroke="crimson" stroke-width="1" fill="none"/>
<polygon points="240,300 250,290 260,300" fill="gold"/>
<polyline points="140,270 150,300 135,330 150,360 135,390 150,420" stroke="crimson" stroke-width="1" fill="none"/>

</svg

5

Пришлось повозиться :slight_smile:

мой вариант шариков 
<svg width="360" height="500">
  <rect width="320" height="460" x="20" y="20" rx="20" fill="lemonchiffon" />
  
  <circle r="100" cx="140" cy="170" fill="crimson" />
  <ellipse rx="60" ry="80" cx="250" cy="210" fill="gold" />
  
  <polyline points="140,270 150,300 135,330 150,360 135,390 150,420" stroke="brown" fill="none" />
  <polyline points="250,290 260,320 245,350 260,380 245,410 260,440" stroke="brown" fill="none" />
  
  <polygon points="140,270 130,280 150,280" fill="crimson" />
  <polygon points="250,290 240,300 260,300" fill="gold" />
</svg>
1 лайк
6

Прошла на 100%

<svg width="360" height="500">
  <rect width="320" height="460" x="20" y="20" rx="20" fill="lemonchiffon" />
  <circle r="100" cx="140" cy="170" fill="crimson"/>
  <polyline points="140,270 150,300 135,330 150,360 135,390 150,420" stroke="brown" fill="none"/>
  <polygon points="130,280 140,270 150,280" fill="crimson"/>
  <ellipse rx="60" ry="80" cx="250" cy="210" fill="gold"/>
  <polyline points="250,290 260,320 245,350 260,380 245,410 260,440" stroke="brown" fill="none"/>
  <polygon points="240,300 250,290 260,300" fill="gold"/>
</svg>