Оформление SVG-фигур / Испытание: леденец

Курсы §37. Оформление SVG-фигур
1

Не могу найти курс “Оформление SVG-фигур” на форуме, поэтому пишу в “Знакомство с SVG”.
Итоговое испытание “Испытание: леденец” - 3 часа времени и не могу сделать на 100%. Максимум 99 и все. Уже разными способами пыталась решить задачу - не могу.
Помогите разобраться, пожалуйста… что не так?

<rect fill="khaki" stroke="darkkhaki" width="10" height="70" x="145" y="220"/>

<circle stroke="darkkhaki" r="100" cx="150" cy="125" fill="gold" />

<circle r="50" cx="150" cy="125" fill="none" stroke="darkorange" stroke-width="60"  />

<circle r="50" cx="150" cy="125" fill="none" stroke="tomato" stroke-width="60" stroke-dasharray="30 35" stroke-dashoffset="65" />


<circle r="50" cx="150" cy="125" fill="gold" stroke="yellowgreen" stroke-width="20" />

2

Привет. Попробуйте задавать оранжевому и красному сегменту r=“50” и затем другие значения задавать согласно нему. К сожалению, SVG немного по-другому рендерится с другими значениями.

1 лайк
3

Спасибо!
Получилось!!!
100%!!!

1 лайк
4

Добрый день. Не получается добиться 100%.
Испытание - 11/20

HTML

<svg width="340" height="240">


<polyline points="122 61.5 217.984 61.5 123.035 180.231 218.738 180.06" fill="none" stroke="teal"  stroke-width="80" stroke-linecap="square"/>

<polyline points="120 61.5 217.984 61.5 123.035 180.231 220.738 180.06" fill="none" stroke="lightseagreen" stroke-width="50" stroke-linejoin="round" stroke-linecap="round"/>

<polyline points="111 61.5 217.984 61.5 123.035 180.231 229.738 180.06"  fill="none" stroke="gold" stroke-width="10" stroke-linejoin="bevel"/>

Результат

Untitled.png362×604 11.7 KB

5

Вот исходный код… вы поменяли местами строки? Попробуйте начать с исходного кода, не меняя ничего местами… А в остальном (последовательность цвета + размеры и тд - все ок)

<polyline points="111 61.5 217.984 61.5 123.035 180.231 229.738 180.06"/>

<polyline points="122 61.5 217.984 61.5 123.035 180.231 218.738 180.06"/>

<polyline points="120 61.5 217.984 61.5 123.035 180.231 220.738 180.06"/>
6

так как получилось добиться 100% у меня постоянно выходит 99%?

7 
<polyline points="111 61.5 217.984 61.5 123.035 180.231 229.738 180.06" fill="none" stroke="teal" stroke-width="80" stroke-linecap="square" />

<polyline points="122 61.5 217.984 61.5 123.035 180.231 218.738 180.06" fill="none" stroke="lightseagreen" stroke-width="50" stroke-linejoin="round" stroke-linecap="round"/>

<polyline points="120 61.5 217.984 61.5 123.035 180.231 220.738 180.06" fill="none" stroke="gold" stroke-width="10" stroke-linejoin="bevel"/>
1 лайк
8

А в задании с леденцом?

9 
<rect fill="khaki" stroke="darkkhaki" width="10" height="70" x="145" y="220"/>

<circle stroke="darkkhaki" r="100" cx="150" cy="125" fill="gold" />

<circle r="70" cx="150" cy="125" fill="gold" stroke="tomato" stroke-width="20" stroke-dasharray="45" />

<circle r="70" cx="150" cy="125" fill="none" stroke="darkorange" stroke-width="20" stroke-dasharray="45" stroke-dashoffset="45" />

<circle r="50" cx="150" cy="125" fill="gold" stroke="yellowgreen" stroke-width="20" />
4 лайка
10

спасибо, я тоже про леденец спрашивал
система отображения ответов на комментарии в этом форуме удручает ((

2 лайка
11

получилось ли у тебя красавица решить сию задачу на сто процентов али нет? ежели да можешь подсказать каким образом