title: SVG not displayed when using html2canvas
body: <p>I am working on a project where I need to generate a pdf file (onclick saveFile as PDF) on the client side as some data are not to be sent to the server. I have read about these options available; fileSaver.js and html2canvas, and none seem to help. I also want to point out that I am not so good with javascript. 
  Here is my js code</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $("#saveOutput").click(function() {
              $("#Screenshot").html2canvas({ 
                  onrendered: function(canvas) {
                      var png = canvas.toDataURL()
                      window.open(png);
                  }
              });
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>and my Html</p>
  
  <pre><code>&lt;div id="Screenshot"&gt;
      &lt;p&gt;This is it&lt;/p&gt;
      &lt;svg xmlns:xlink="http://www.w3.org/1999/xlink" width="250" height="250" style="height: 250px; width: 250px;"&gt;       
            &lt;circle id="1" cx="100" cy="100" r="25" fill="#A52A2A"&gt;&lt;/circle&gt;
      &lt;/svg&gt;
  &lt;/div&gt;
  &lt;div id="content"&gt;
      &lt;a class="button" id="saveOutput" href="#"&gt;Save as File&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Why cant it shows the SVG file? How can these files be converted to Canvas?could someone shows me with code sample? Any help will be appreciated.</p>