svg-animation
svg-animation copied to clipboard
ericwilligers
Implement SVG animation in JavaScript using Web Animations
When animating between 5 values using calcMode="discrete", each value should be used for 1/5 of the animation duration. This can be achieved by passing 10 keyframes with explicit offsets to...
Add a test with animations whose begin times depend on each other, in a scenario where Firefox and Chrome respond differently. At this stage, no Web Animations equivalent has been...
Add an example of a polygon with a points list that is animated. Note that 'points' animation is not yet a supported by the Web Animations Polyfill.
Adds a test with animation elements using xlink:href from within a defs element. Such animations are effective even if they are never referenced by a 'use' tag.
Add an example of a path animating from one value to another. Note that this is not yet implemented in Web Animations.
Demonstrate how an animation using widths expressed with percentages should respond as the container width changes. Thanks to Kouhei Ueno for raising this in a Design Doc review.
max can cause an animation to cancel early. min can cause an animation to freeze for some time after the required effect completes. Neither affects the rate at which the...
Metadata
Owner
Metadata
Implement SVG animation in JavaScript using Web Animations