title: Is it safe to wrap all immediate children of an svg document into <g> for zooming?
body: <p>In my app I load different SVG files and need to zoom them. As I see it I need to apply a transformation matrix to an element to have it zoomed, but this doesn't work on SVG element, so I need to wrap everything in a <code>&lt;g&gt;</code> and transform it instead. </p>
  
  <p>So my question is is it safe to do this? Is it allowed for elements like <code>&lt;defs&gt;</code>  be not immediate children of <code>&lt;svg&gt;</code>? Will the transformation on outermost <code>&lt;g&gt;</code> affect the elements inside <code>&lt;defs&gt;</code> in this case? What other issues may arise if I wrap everything in a <code>&lt;g&gt;</code>?  </p>