title: SVG to Canvas with canvg not respecting css
body: <p>I'm attempting to convert my SVG to canvas to get a png. 
  everything is working great except for the css positioning.</p>
  
  <p>please see this
  <a href="http://jsfiddle.net/ezk3Lgzs/7/" rel="nofollow">jsfiddle</a></p>
  
  <p>you can see the top section which is the SVG.</p>
  
  <p>I am using <a href="https://github.com/gabelerner/canvg" rel="nofollow">canvg</a> to render the svg on the canvas element.</p>
  
  <p>the 2 svgs overlap each other, one is 100% size, the other 80%.  I am rendering these with Raphael.</p>
  
  <p>I have tried to insert inline styles as suggested in various place like:</p>
  
  <pre><code>&lt;style type='text/css'&gt;![CDATA[svg{ margin: 0 auto; }]]&gt;&lt;/style&gt;
  </code></pre>
  
  <p>however canvg only returns:</p>
  
  <pre><code>Cannot read property 'split' of undefined
  </code></pre>
  
  <p>I need the canvas to be identical to the SVG.</p>
  
  <p>*note changing both to 100% size and changin radius of circles is not an option, this is a very simplified version as illustration.</p>