title: Rendering only partial parts of html page to pdf multiple times using jspdf and html2canvas
body: <p>My existing code is able to render the whole body of the HTML page to the PDF. Kindly check the code below.</p>
  
  <pre><code>function exportScorecard() {
      var doc = new jsPDF();
      var source = $('#main')[0];
      var options = { background: '#fff' };
  
  
      doc.addHTML(source, options, function () {
          doc.save('scorecard.pdf');
      });
  
  }
  </code></pre>
  
  <p>Below is also the result of the code.
  <a href="https://i.stack.imgur.com/pa78d.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pa78d.png" alt="enter image description here"></a></p>
  
  <p>But my goal is to <strong>break down</strong> the current result <strong>per chart/div</strong>. Like a decent report, I am planning to <strong>add text analysis below each chart</strong>. How can I <strong>ONLY</strong> grab the <code>div</code> containing the <code>canvas</code> chart?</p>
  
  <p>I have tried using <strong>multiple</strong> <code>addHTML()</code> functions and it renders nothing since I have to take out the <code>doc.save()</code> function, therefore giving me a <strong>blank page</strong>.</p>
  
  <p>Thank you very much!</p>