打印时JQuery生成的QRCode消失

Question

我使用this Jquery Library生成了QRCode。

$('#myid_info_barcode').qrcode();

上面的代码在myid_infor_barcode中生成qrcode画布。

<div id="myid_info_barcode" class="myid_print_duo_barcode">
   <canvas width="256" height="256"></canvas>
</div>

当我使用下面的CSS代码使用window.print()和media print css打印时，QR代码会在打印预览中消失。

@media print {
    .myid_print_duo_barcode
    {       
        margin: auto; 
        border: 1px solid black;   
    }
    .myid_print_duo_barcode > canvas{
        width: 98px !important;
        height: 100px !important;  
        border: 1px solid red; 
    }    
}

我在哪里错过了？