title: How does the cx and cy get calculated when the width and height of a SVG is not provided ?
body: <p>I was just going through this website <strong><a href="http://circliful.pguso.de/" rel="nofollow">HERE</a></strong>, its basically a SVG plugin , i was just going through the source for the 1st circle and saw the following code:</p>
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 194 186" class="circliful"&gt;undefined
          &lt;circle cx="100" cy="100" r="57" class="border" fill="none" stroke="#ccc" stroke-width="15" stroke-dasharray="360" transform="rotate(-90,100,100)"&gt;&lt;/circle&gt;
          &lt;circle class="circle" cx="100" cy="100" r="57" fill="none" stroke="#3498DB" stroke-width="15" stroke-dasharray="140, 20000" transform="rotate(-90,100,100)"&gt;&lt;/circle&gt;
          &lt;circle cx="100" cy="100" r="28.5" fill="none"&gt;&lt;/circle&gt;undefined
          &lt;text class="timer" text-anchor="middle" x="100" y="110" style="font-size: 22px; undefined;" fill="#aaa"&gt;38%&lt;/text&gt;
   &lt;/svg&gt;
  </code></pre>
  
  <p>Now there is no height and width defined for this SVG so how exactly does the cx and cy  get callculated ?? </p>