Add CSS transforms on SVG elements
I created a CSS-based grid system for my SVG sprite sheet using transforms, only to revert to transform attributes after it collapsed in IE9+.
Please add support for CSS transformation in SVG.
Support for using CSS Transforms on SVG elements is now on the Microsoft Edge backlog with a priority of medium.
Amelia Bellamy-Royds commented
Some relevant updates:
- The largest major issues for the spec (reference boxes for origin and percentage lengths) have been resolved: https://github.com/w3c/csswg-drafts/issues/857#issuecomment-296024182
- Firefox now supports transform-box in their alpha build (v55), although they'll require a few updates to match the latest spec resolutions: https://bugzilla.mozilla.org/show_bug.cgi?id=1371943
- Blink/Chromium is implementing transform-box and updating their existing implementation to match; the changes are currently behind a flag in Canary: https://bugs.chromium.org/p/chromium/issues/detail?id=595829
- WebKit has likewise landed an implementation in their nightly builds: https://bugs.webkit.org/show_bug.cgi?id=145783
Zvonko Jajic commented
And You still wonder why nobody is using Edge?
Also support this
This, indeed, would be quite NECESSARY.