title: Convert svg-element to image
body: <p>i have a html svg element (not canvas) and have to save the content to a image file (png or jpg).</p>
  
  <p>Is there any solution for this?</p>
  
  <p>canvas.toDataURL() didn't work, because it's a svg element. </p>
  
  <p>example:</p>
  
  <pre><code>&lt;svg:svg id ="svg"&gt;
           &lt;svg:svg width="{width}" height="{height}"&gt;
              &lt;svg:circle cx="{cx}" cy="{cy}" r="{radius}" id="circ" fill="white" stroke="black" stroke-width="2" /&gt;
              &lt;svg:text x="{tposW}" y="30" line="0" text-anchor="middle"&gt;{VORNAME}&lt;/svg:text&gt;
              &lt;svg:text x="{tposW}" y="44" line="1" text-anchor="middle"&gt;{NAME}&lt;/svg:text&gt;
              &lt;svg:text x="{tposW}" y="58" line="2" text-anchor="middle"&gt;{GEB}&lt;/svg:text&gt;
          &lt;/svg:svg&gt;
  &lt;/svg:svg&gt;
  </code></pre>
  
  <p>Please post only solutions without using jQuery.</p>