Closed Bug 1013421 Opened 10 years ago Closed 10 years ago

transform-origin is not taken into account when CSS animating SVG elements

Categories

(Core :: SVG, defect)

31 Branch
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 923193

People

(Reporter: jon.ronnenberg, Unassigned)

References

()

Details

(Keywords: testcase)

Attachments

(1 file)

Attached file svg_css_animation.htm
User Agent: Mozilla/5.0 (Windows NT 6.1; rv:31.0) Gecko/20100101 Firefox/31.0 (Beta/Release)
Build ID: 20140520004002

Steps to reproduce:

1) Open Firefox and a webkit based browser
2) Go to: http://dabblet.com/gist/5375c186664df8524c0f in both


Actual results:

In the webkit browser you can change the transform-origin on line 25 and see that the CSS animation takes the origin into account when animating the polygons.
In Firefox, changing line 28, does nothing to the origin. The animation, always uses the top left as origin.


Expected results:

When transform-origin: center center, the animation should use the center of each polygon as origin.
Allowed values are: top, left, right, bottom and center.
Since the animation is only on the Y axes, only top, bottom and center makes sense in this context.
No longer blocks: 891074
Keywords: testcase
See Also: → 923193, 891074, 779683
Depends on: 923193
Reproducible in Firefox 30.0 (beta) on Mac OSX 10.9.2
OS: Windows 7 → All
Hardware: x86 → All
Fairly sure this is a duplicate of bug 923193.
Status: UNCONFIRMED → RESOLVED
Closed: 10 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: