Re: [svgwg] Provide ability to control animation direction of SVG animation elements (#881)

@Doktorchen

I edited and updated the issue description.

So, I could achieve the desired result by using a modified version of your solution:

```xml
<svg viewBox="0 0 24 24" width="160" height="160" xmlns="http://www.w3.org/2000/svg">
  <circle fill="#f5ca20" r="5" cx="12" cy="12">
    <animate attributeName="r" dur="12s" begin="3s" values="5; 10; 10; 5; 5" keyTimes="0; 0.083; 0.5; 0.583; 1" repeatDur="indefinite" calcMode="spline" keySplines="0.37, 0, 0.63, 1; 0, 0, 1, 1; 0.37, 0, 0.63, 1; 0, 0, 1, 1"/>
  </circle>
</svg>
```

![solution](https://user-images.githubusercontent.com/29678011/167296199-84bb73da-dadc-4684-b3f4-194bce593ce8.svg)

To be honest, this doesn't feel natural and is still a little bit cumbersome.
Firstly, it requires calculating fractions for `keyTimes` values. Secondly, if I want to modify one or more of the durations (animation or delay), `dur`, ``values`, and `keyTimes` all need to be updated. In addition, I think it is a little hard for a developer looking at the animation element to understand and figure out what this animation does.


-- 
GitHub Notification of comment by mahozad
Please view or discuss this issue at https://github.com/w3c/svgwg/issues/881#issuecomment-1120411580 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Sunday, 8 May 2022 12:39:09 UTC