title: How do I get the global coordinates of a grouped svg element?
body: <p>Suppose I have the following <a href="http://jsfiddle.net/T8aZP/" rel="noreferrer">document (fiddle)</a>:</p>
  
  <pre><code>&lt;svg&gt;
      &lt;g transform="translate(50,50)"&gt;
          &lt;rect width="20" height="20" style="fill:black;"&gt;
      &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>How do I get the global coordinates of the rect element assuming I don't know that it's in a group?</p>