title: Capture a DIV with svg
body: <p>I need to take a snapshot of a div. I used html2canvas and it worked okay. But when I add SVG into the same div it ignores the svg.</p>
  
  <p>I also tried drawImage() which did not work either. </p>
  
  <p>I read that clone() could do this but did not work.</p>
  
  <pre><code>&lt;canvas id="myCanvas" width="250" height="300"&gt;Does not support HTML5 canvas.&lt;/canvas&gt;
  
  $("#Numbers").load("random/Nums.html");
  </code></pre>
  
  <p>drawImage():</p>
  
  <pre><code>var img = $("#Numbers");
  $("#myCanvas").getContext("2d").drawImage(img, 0, 0, 125, 150);
  </code></pre>
  
  <p>clone():</p>
  
  <pre><code>$(myCanvas).html($(Numbers).clone());
  </code></pre>
  
  <p>html2canvas:</p>
  
  <pre><code>document.querySelector("#dbutton").addEventListener("click", function() {
      var canvas = document.querySelector("#Numbers");
  
          html2canvas(document.body, {onrendered: function(canvas) {
      document.body.appendChild(canvas);
    }
        });
          });
  </code></pre>
  
  <p>How do I capture a DIV which includes text, svg, images?</p>
  
  <p>Appreciate your help.</p>