@damir_tok

Как сделать анимацию кардиограммы?

Как сделать анимацию кардиограммы? Думал с помощью gif, но не нашел

Кардиограмма:
63a68118b616d693831739.jpeg
  • Вопрос задан
  • 287 просмотров
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Вообще рисование линий обычно делается через изменение свойств stroke-dasharray и stroke-dashoffset у кривых в SVG. Это самый простой способ в рамках фронтенда, хотя и изначально эти вещи были для другого придуманы. Но в случае с ЭКГ нужна постоянная скорость рисования по горизонтали. Поэтому можно взять прямоугольную маску в рамках той же SVG, и двигать ее в сторону:

Ответ написан
Пригласить эксперта
Ответы на вопрос 1
imko
@imko
Senior Scratch Developer
Ну например просто clip-path с полной обрезки до нулевой
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
03 дек. 2024, в 11:45
10000 руб./за проект
03 дек. 2024, в 11:34
2000 руб./за проект
03 дек. 2024, в 11:28
3000 руб./за проект