Skip to content

Keyframe animation 'offset' clashes with SVG 'offset' #638

@karip

Description

@karip

Keyframe animation for a SVG gradient stop offset [1] can't be made, because there is a conflict in key names in the Animation object. Here’s how it would look like:

var player = document.timeline.play(new Animation(stopElement, 
    [ {offset: 0.5, offset: 0}, {offset: 0.3, offset: 1} ], 
    {duration: 6000}));

An issue related to this has been written in the Web Animation spec [2]:

The above algorithm gives special meaning to the property names 'offset',
’computedOffset', 'easing', and 'composite'. If a CSS property called
’offset' or 'composite' is ever introduced it will clash with the meaning here.

I believe the svg stop offset property already causes a clash.

[1] http://www.w3.org/TR/SVG/pservers.html#StopElementOffsetAttribute
[2] http://dev.w3.org/fxtf/web-animations/#processing-a-keyframe-object

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions