0
420
ViewsEl CÓDIGO QR no se muestra al imprimir JavaScript
Tengo un código Qr que quiero imprimir. El código QR se muestra bien en la página, pero cuando intento imprimirlo no se muestra.
en la pagina de inicio - 
en la página de impresión -
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>Código QR de JQuery
<script> var qrcode1 = "{{Auth::guard('vendor')->user()->VendorURL}}"; jQuery(function(){ jQuery('#qrcode').qrcode(qrcode1); }) </script>Código de impresión de 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'>QR Code</h3>"); newWin.document.write(htmlToPrint); newWin.print(); newWin.close();
·
Juan Pablo Isaza
2 answers
Answer question0
Obtuve esta solución: convertir el código QR en una imagen
var canvas = $('#qrcode canvas'); var img = canvas.get(0).toDataURL("image/png"); newWin = window.open(""); var ig = '<p style="text-align: center;">Powered by <img src="{{env('APP_URL')}}/public/{{$app_setting->webLogo}}" class="logo-icon" alt="logo icon" style="width:40px;"></p>'; newWin.document.write("<h3 align='center'>QR Code</h3>"); newWin.document.write('<img style="display: block; margin: 0 auto;" src="'+img+'"/>'); newWin.document.write(ig); setTimeout(function() { newWin.print(); newWin.close(); }, 250); }
·
Juan Pablo Isaza
Report
0
Simplemente habilite los gráficos de fondo desde la página de vista previa de impresión, haga clic en más configuraciones para verlo
·
Juan Pablo Isaza
Report
Answer question