JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.js"></script>
<script src="http://jspdf.googlecode.com/svn-history/r14/trunk/libs/base64.js"></script>
       
          <iframe id="pdfOutput"></iframe>

CSS

#pdfOutput {
    width:100%;
    min-height: 800px;
    border:0;
}

JavaScript

$(document).ready(function(){ 

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

 
      var url = "/";      
     var doc = new jsPDF();

doc.line(20, 20, 60, 20); // horizontal line
	
doc.setLineWidth(0.5);
doc.line(20, 25, 60, 25);

doc.setLineWidth(1);
doc.line(20, 30, 60, 30);

doc.setLineWidth(1.5);
doc.line(20, 35, 60, 35);

doc.setDrawColor(255,0,0); // draw red lines

doc.setLineWidth(0.1);
doc.line(100, 20, 100, 60); // vertical line

doc.setLineWidth(0.5);
doc.line(105, 20, 105, 60);

doc.setLineWidth(1);
doc.line(110, 20, 110, 60);

doc.setLineWidth(1.5);
doc.line(115, 20, 115, 60);
     
  atEnd() 

    
    function atEnd(){
        var out = doc.output();   
        var url = 'data:application/pdf;base64,' + Base64.encode(out);        
        $("#pdfOutput").attr("src",url)

       // doc.save('sample-file.pdf');
    }
    
});