Воздушные шары [15/15] - 100% (с комментариями)


#1

HTML

<svg width="360" height="500">
    
<!--ФОН - отступы по 20-->
    <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"/>

<!--ВЕРЁВОЧКИ - по х сперва +10, затем -15, по у +30-->
    <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"/>
    
<!--ХВОСТИКИ - высота 10, основание +/- 10 от вершины-->
    <polygon points="130,280 140,270 150,280" fill="crimson"/>
    <polygon points="240,300 250,290 260,300" fill="gold"/>
  
</svg>


<!-- Цвета
lemonchiffon - фон
crimson - шар1
gold - шар2
brown - верёвочка
-->

#2

Подскажите, как высчитывать координаты (например, веревочки и хвостики), не понятно