title: html2canvas print svg with position absolute value fail
body: <p>Please run the code below, you can see: The red line is not print to canvas. What's wrong with position absolute value? How can I fix it? Thanks.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;div id="Screenshot" style="height:200px; width:300px;"&gt;
            &lt;p&gt;This is it&lt;/p&gt;
            &lt;svg width="138" height="14"  version="1.1" xmlns="http://www.w3.org/2000/svg" &gt;
              &lt;path d="M 5 0 C 71 10 71 10 137 0 " transform="translate(0,3.4488784721473897)" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#89bcde" style="" stroke-width="1"&gt;&lt;/path&gt;
              &lt;path version="1.1" xmlns="http://www.w3.org/2000/svg" d="M5,0 L15.63509460627212,-3.4488784721473897 L11.159991667025153,0.9313445453647529 L14.140159541481182,6.438748601729261 L5,0" stroke="#89bcde" fill="#89bcde" transform="translate(0,3.4488784721473897)"&gt;&lt;/path&gt;
            &lt;/svg&gt;
            &lt;svg width="138" height="14" style="position:absolute;left:10px;top:100px" version="1.1" xmlns="http://www.w3.org/2000/svg"&gt;
              &lt;path d="M 5 0 C 71 10 71 10 137 0 " transform="translate(0,3.4488784721473897)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="red" style="" stroke-width="1"&gt;&lt;/path&gt;
              &lt;path version="1.1" xmlns="http://www.w3.org/2000/svg" d="M5,0 L15.63509460627212,-3.4488784721473897 L11.159991667025153,0.9313445453647529 L14.140159541481182,6.438748601729261 L5,0"  stroke="red" fill="#89bcde" transform="translate(0,3.4488784721473897)"&gt;&lt;/path&gt;
            &lt;/svg&gt;
        &lt;/div&gt;
        &lt;hr /&gt;
        &lt;input type="button" value="test" onclick="TestCV()" /&gt;
        &lt;div id="test"&gt;
  
        &lt;/div&gt;
        &lt;!--&lt;script src="../src/html2canvas.js"&gt;&lt;/script&gt;--&gt;
        &lt;script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          function TestCV() {
              html2canvas(document.getElementById("Screenshot")).then(function (canvas) {
                  document.getElementById("test").appendChild(canvas);
              });
          }
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>