JSpdf with Div Border

Attempting to create a pdf with a div border

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.debug.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<div id="content">
  <div style="border: solid; width: 300px ">
    <p>
      Lorem Ipsum
    </p>
    <br/> Some more lorem ipsum
    <br/>
    <b>Have another</b>
  </div>
</div>
<button type="button" id="cmd" class="btn btn-primary">Print div with border</button>

JavaScript

$(document).ready(function() {
  var doc = new jsPDF('p', 'pt', 'letter');

  // We'll make our own renderer to skip this editor
  var specialElementHandlers = {
    '#editor': function(element, renderer) {
      return true;
    }
  };

  $('#cmd').click(function() {

    html2canvas($('#content').get(0), {
      onrendered: function(canvas) {
        var img = canvas.toDataURL("image/png");
        //var doc = new jsPDF();
        doc.addImage(img, 'JPEG', 300, 200);
        doc.save('test.pdf');
      }
    });
  });
});