使用JSPDF进行多个画布的屏幕截图

Question

希望我想做的事情的解决方案很简单。我使用以下代码成功将画布打印为 pdf：

<!-- Start PDF Script -->
  <script type="text/javascript">
        function getPDFFileButton () {
            return html2canvas($('canvas'), {
                background: "#ffffff",
                onrendered: function(canvas) {
                    var myImage = canvas.toDataURL("image/png,1.0");
                    // Adjust width and height
                    var imgWidth = (canvas.width * 20) / 240;
                    var imgHeight = (canvas.height * 20) / 240; 
                    // jspdf changes
                    var pdf = new jsPDF('p', 'mm', 'a4');
                    pdf.addImage(myImage, 'png', 15, 2, imgWidth, imgHeight); // 2: 19
                    pdf.save('H&H-Carport-Design.pdf');
                }
            });
        }       
        $("#btnPrint").on("click", function () {
            getPDFFileButton ()
        });
    </script>
<!-- End PDF Script -->

<button type="button" class="btn btn-lg btn-secondary" id="btnPrint">Print PDF <i class="fas align-middle fa-file-pdf"></i></button>

我需要帮助修改代码以从前、后、左和右拍摄画布的照片，并在单击“打印 PDF”按钮。这可能吗？