CÓDIGO QR no se muestra al imprimir JavaScript.

Tengo un código QR que quiero imprimir. El código QR se muestra correctamente en la página, pero cuando intento imprimirlo no se muestra.

En la página principal – Imagen

En la página de impresión – Imagen

HTML

<div class="container" id="printarea">
    <div class="card" style="height: 386px;">
        <div class="card-body">
            <center>
                <div id="qrcode"></div>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                Powered by <img src="{{env('APP_URL')}}/public/{{$app_setting->webLogo}}" class="logo-icon" alt="logo icon" style="width:40px;">
            </center>
        </div>
    </div>
</div>

JQuery Qr Code

<script>
    var qrcode1 = "{{Auth::guard('vendor')->user()->VendorURL}}";
    jQuery(function(){
        jQuery('#qrcode').qrcode(qrcode1);
    });
</script>

Código de impresión del código QR

function printFunc() {
    var divToPrint = document.getElementById('printarea');
    var htmlToPrint = '' +
        '<style type="text/css">' +
        'table th, table td {' +
        'border:1px solid #000;' +
        'padding:0.5em;' +
        '}' +
        '</style>';
    htmlToPrint += divToPrint.innerHTML;
    newWin = window.open("");
    newWin.document.write("<h3 align='center'>Código QR</h3>");
    newWin.document.write(htmlToPrint);
    newWin.print();
    newWin.close();
}