ISSUE-2252: Consider adding transform="" to <svg>


Consider adding transform="" to <svg>

Raised by:
Cameron McCormack
Opened on:
Why is the transform="" attribute not allowed on the <svg> element? To me, it seems like, as with any other graphical element that can be a child of a container element, it should be transformable. It does indeed have no effect in Firefox/Opera/WebKit. Is there a deep reason for it not being allowed? Is there a good reason not to allow it?

The root <svg> is always special because it is involved in setting up the main viewport. If there was a transform attribute should it be applied after the viewBox transform or before? It seems that some people expect that it would be applied after the viewBox transform. That is counter-intuitive if you consider the case with nested <svg> elements. In those cases you'd likely want transform to be applied before the viewBox instead, making it more similar to a <g> element.

Consider what would happen if one had <svg> inline in HTML and applied a CSS3 transform to rotate the svg element. It would rotate the <svg> viewport, which is what I would expect. Depending on how the viewer displays standalone svgs that might look weird (as in: outside the window).
Related Actions Items:
No related actions
Related emails:
  1. [css3-transforms] Supporting 'transform' on 'svg' element (from on 2012-04-15)
  2. ISSUE-2252 (svg-transform): Consider adding transform='' to <svg> [SVG Core 2.0] (from on 2009-03-26)

Related notes:

ISSUE-2382 is a dupe of this

Cameron McCormack, 16 Aug 2011, 05:02:50

Display change log ATOM feed

Dirk Schulze <>, Chair, Chris Lilley <>, Staff Contact
Tracker: documentation, (configuration for this group), originally developed by Dean Jackson, is developed and maintained by the Systems Team <>.
$Id: 2252.html,v 1.1 2020/01/17 13:20:40 carcone Exp $