<svg width="310" height="290">
<ellipse rx="75" ry="20" cx="150" cy="270" fill="lightgray"/>
<ellipse rx="120" ry="120" cx="150" cy="150" fill="gold"/>
<ellipse rx="50" ry="50" cx="100" cy="120" fill="white"/>
<ellipse rx="50" ry="50" cx="170" cy="120" fill="white"/>
<ellipse rx="10" ry="10" cx="100" cy="120" fill="black"/>
<ellipse rx="10" ry="10" cx="170" cy="120" fill="black"/>
<ellipse rx="10" ry="20" cx="135" cy="210" fill="crimson"/>
</svg>
Это вопрос?
Видимо я неправильно тему назвал. Это решение, которое подходит на 100%. Увидел подобные темы, решил поделиться. Вдруг кому-нибудь поможет.
1 лайк
У меня то же самое, только с кругом.
<svg width="310" height="290">
<ellipse rx="75" ry="20" cx="150" cy="270" fill="lightgray"/>
<circle r="120" cx="150" cy="150" fill="gold"/>
<circle r="50" cx="100" cy="120" fill="white"/>
<circle r="50" cx="170" cy="120" fill="white"/>
<circle r="10" cx="100" cy="120" fill="black"/>
<circle r="10" cx="170" cy="120" fill="black"/>
<ellipse rx="10" ry="20" cx="135" cy="210" fill="crimson"/>
</svg>
1 лайк
<circle r="120" cx="150" cy="150" fill="gold"/>
<circle r="50" cx="100" cy="120" fill="white"/>
<circle r="50" cx="170" cy="120" fill="white"/>
<circle r="10" cx="100" cy="120" fill="black"/>
<circle r="10" cx="170" cy="120" fill="black"/>
<ellipse rx="10" ry="20" cx="135" cy="210" fill="crimson"/>
<svg width="310" height="290">
<ellipse rx="75" ry="20" cx="150" cy="270" fill="lightgray"/>
<circle r ="120" cx ="150" Cy = "150" fill ="gold"/>
<circle r = "50" cx ="100" Cy = "120" fill ="white"/>
<circle r="50" cx ="170" Cy ="120" fill = "white"/>
<circle r="10" cx ="100" Cy ="120"/>
<circle r="10" cx ="170" Cy = "120"/>
<ellipse rx = "10" ry ="20" cx ="135" Cy = "210" fill ="Crimson"/>
</svg>
100%
У меня такой код получился:
<svg width="310" height="290">
<ellipse rx="75" ry="20" cx="150" cy="270" fill="lightgray"/>
<circle r="120" cx="150" cy="150" fill="gold"/>
<circle r="50" cx="100" cy="120" fill="white"/>
<circle r="50" cx="170" cy="120" fill="white"/>
<circle r="10" cx="170" cy="120" fill="black"/>
<circle r="10" cx="100" cy="120" fill="black"/>
<ellipse rx="10" ry="20" cx="135" cy="210" fill="crimson">
</svg>