打印时捕获图像时html2canvas缩放问题

Question

我正在尝试使用 html2canvas 打印一个元素。但它从左侧给出了空白空间，如下图所示。页面中没有任何滚动条。我尝试了很多解决方案但没有任何效果。

我的html代码：

 <div *ngIf="journeyAnalizeData" class="row rowmargin0">
            <div class="col-lg-12 col-xl-12 gridPadding">
                <div id='printArea'>
                    <table id="tableList" class="table-list">
                        <tr>
                            <td
                                style="text-align: center; color:Black;background-color:White;border-style:None;width:247px;vertical-align:Top;padding: 0px;">
                                <div id="container" class="container">
                                    <div style="width: 100%; text-align: center; font-size: 14pt; font-weight: bold; display:flex; flex-direction: column;">
                                        <div class="buttons" style="display:flex; justify-content: flex-start;">

                                            <button class="print-button" (click)="print()"
                                                 
                                                ><i
                                                    class="fa fa-print" aria-hidden="true"></i>
                                                {{'report.fms.journeyAnalize.yaziciyagonder' |
                                                translate}}
                                            </button>

我的代码ts代码：

print() {

        html2canvas(document.querySelector("#printArea"), <any>{
            useCors: true,
            allowTaint: false,
            
        }).then(canvas => {
            
            var nWindow = window.open("");

            nWindow.document.body.appendChild(canvas);

            nWindow.focus();
            nWindow.print();
        });

    }