Как работают и зачем нужны SVG свойства accumulate="sum" , additive="sum", fill="freeze"?
Разбираясь с этим вопросом Как сделать что бы SVG анимация продолжалась с того же места где и закончилась
Ещё надеюсь что найдётся решение, поэтому возникает вопрос как работают аттрибуты SVG анимации?
accumulate="sum"additive="sum"fill="freeze"
В интернете мало что по ним получилось найти, а то что нашёл не очень понятно.
Ссылки по вышеуказанным атрибутам:
accumulate- https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/accumulateadditive- https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/additivefill="freeze"- https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill
Ответы (1 шт):
Автор решения: Дмитрий Полянин
→ Ссылка
Ответ на эти вопросы есть в этой статье . Очень добротная статья подробно описывающая многие аспекты SMIL анимации на английском языке.
Ответ будет без примеров, которые можно посмотреть в статье выше.
additive="sum"При выставленномsumточки from и to будут считаться не абсолютно а прибавлены к изначальному значению анимационного параметра.accumulate="sum"Относится к повторяющейся анимации сrepeatCount. В случаеsumкаждый следующий виток цикла будет начинаться не с начального значения а с того значения на котором остановились на предыдущем витке цикла.fill="freeze"означает что после окончания анимации анимация замрёт на точке её окончания, а не вернётся в начало.