title: Using html2canvas to render a highcharts chart to pdf doesn't work on IE and Firefox
body: <p>We are using html2canvas.js and html2canvas.svg.js (version 0.5.0 beta1) and highcharts.js to download a donut chart into pdf.</p>
  
  <p>This works as expected in Chrome, however in IE and Firefox this isnt working.  In IE the chart is rendered incorrectly, and in Firefox it is not rendered at all.</p>
  
  <p>Below are screenshots of the download in Chrome, IE and Firefox</p>
  
  <p><strong>Chrome</strong>
  <a href="https://i.stack.imgur.com/VXLKW.png" rel="noreferrer"><img src="https://i.stack.imgur.com/VXLKW.png" alt="Chrome"></a></p>
  
  <p><strong>IE</strong> (Edge)
  <a href="https://i.stack.imgur.com/kobOk.png" rel="noreferrer"><img src="https://i.stack.imgur.com/kobOk.png" alt="IE"></a></p>
  
  <p><strong>Firefox</strong>
  <a href="https://i.stack.imgur.com/04Gmd.png" rel="noreferrer"><img src="https://i.stack.imgur.com/04Gmd.png" alt="enter image description here"></a></p>
  
  <p>The code i am using to do the html2canvas is as follows:</p>
  
  <pre><code>html2canvas($("#container"), {
      onrendered: function (canvas) {
        var imgData = canvas.toDataURL(
          'image/png');
        var doc = new jsPDF('p', 'mm');
        doc.addImage(imgData, 'PNG', 10, 10);
        doc.save('sample-file.pdf');
      }
    });
  </code></pre>
  
  <p>I have created a jsFiddle that demonstrates the issue here - <a href="http://jsfiddle.net/jko0rs5g/3/" rel="noreferrer">http://jsfiddle.net/jko0rs5g/3/</a></p>
  
  <p>Does anyone know what might be causing this issue, and how we can resolve it?</p>
  
  <p><strong>EDIT</strong> </p>
  
  <p>Just to clarify why we are not using the built in Highcharts exporting, this for when we are adding additional html to the Highcarts, such as additional information above or below the chart, or a score inside the donut for example.  I have updated the jsfiddle to reflect this.</p>