Как отрендерить анимированную волнистую линию через html/svg?

Question

[Денис Букреев]

Такие дела.
Все знают как движется змея? Вот. У меня задача как раз получить такую вот анимированную синусоиду без картинок.

Я склоняюсь к SVG, но понятия не имею как ее рендерить через SVG.
Может кто сможет подсказать решение?

Или может canvas? Вообще мало что знаю про канвас

Answer 1

[Денис Букреев]

codepen.io/jaromvogel/pen/jWjWqN

Comments

[xmoonlight]

Нехорошо отвечать на свой вопрос, который был создан по коду из ссылки в ответе. Таких банят быстро здесь.

[Денис Букреев]

xmoonlight: что ты несешь?
может у тебя какие-то проблемы в жизни и ты сейчас пытаешься свою злобу выместить?
сходи к психологу

[daniel_wesson]

Спасибо, что оставил ответ на свой вопрос, очень помог.
ps. xmoonlight правда какой-то неадекват обиженный

Answer 2

[xmoonlight]

А решение простое: закрыл тостер и в гугл изучать про SVG и про Canvas.

ради секундной писюльки углубляться?)
надеюс мне заказчик заплатит за несколько суток изучения материала

ОМГ!!! Жалко заказчика....

Ну, конечно... Есть же Toster: спрашивай себе и зарабатывай!
Если кратко: тостер - не делает за тебя задачу, тостер - помогает решать проблемы по мере их возникновения в момент УЖЕ НАЧАТОЙ работы над задачей.

Comments

[Денис Букреев]

ради секундной писюльки углубляться?)
надеюс мне заказчик заплатит за несколько суток изучения материала

[Денис Букреев]

я не прошу ни кого сделать за меня эту работу.
Я прошу направить. Мой вопрос ничем не отличается от тысяч других на тостере, где люди советуют.
И задача выполнена на 95%, конкретный момент, из-за которого я не могу ее завершить - это анимированная синусоида, которая не прогугливается вообще никак.

Не понял вообще претензии к вопросу.
Зачем вообще сидеть отвечать на тостере тогда?

[xmoonlight]

Денис Букреев: куда ещё то направить?