Page with multiple chart.js charts to pdf : <p>I have used chart.js to generate a report page that has multiple charts. I need to export this report to PDF. There are many solutions available via search, but I cannot find one which has multiple canvas elements. </p>

<p>The only available solution seems to be to loop through all the images, and recreate the report using the images, and then download that as a pdf.</p>

<p>Is there any simpler/more efficient way to accomplish this?</p>

<pre><code>&lt;body&gt;
&lt;h1&gt; Chart 1 &lt;/h1&gt;
&lt;div style="width:800px; height:400px;"&gt;
&lt;canvas id="chart_1" width="50" height="50"&gt;&lt;/canvas&gt;
&lt;/div&gt;

&lt;h1&gt; Chart 2 &lt;/h1&gt;
&lt;div style="width:800px; height:400px;"&gt;
&lt;canvas id="chart_2" width="50" height="50"&gt;&lt;/canvas&gt;
&lt;/div&gt;

&lt;h1&gt; Chart 3 &lt;/h1&gt;
&lt;div style="width:800px; height:400px;"&gt;
&lt;canvas id="chart_3" width="50" height="50"&gt;&lt;/canvas&gt;
&lt;/div&gt;
&lt;/body&gt;
</code></pre>
