Кolorowanki do druku 🎨 łatwe rysunki

Kategoria: Blog

' ); iframeDoc.close(); setTimeout(function() { try { iframe[0].contentWindow.focus(); iframe[0].contentWindow.print(); setTimeout(function() { iframe.remove(); }, 1000); } catch (e) { iframe.remove(); printImageSafari(src, alt); } }, 500); }; tempImg.onerror = function() { printImageSafari(src, alt); }; tempImg.src = src; } // Safari print method function printImageSafari(src, alt) { var tempImg = new Image(); tempImg.onload = function() { var imgWidth = tempImg.naturalWidth; var imgHeight = tempImg.naturalHeight; var isLandscape = imgWidth > imgHeight; var printWindow = window.open('', '_blank', 'width=800,height=600'); if (printWindow) { var printStyles = generateSimplePrintStyles(isLandscape); printWindow.document.write( '' + 'Print Image' + '' + '' + '' + '
' + '' + alt + '' + '
' + '' ); printWindow.document.close(); } else { window.open(src, '_blank'); } }; tempImg.onerror = function() { window.open(src, '_blank'); }; tempImg.src = src; } // Mobile print method function printImageMobile(src, alt) { var printWindow = window.open(src, '_blank'); if (!printWindow) { if (confirm('Aby wydrukować obraz na urządzeniu mobilnym, otwórz obraz w nowej karcie i użyj opcji "Udostępnij" → "Drukuj".')) { window.location.href = src; } } } // Generate print styles for desktop function generatePrintStyles(orientation) { return '@page { size: A4 ' + orientation + '; margin: 10mm; } ' + '@page :first { margin-top: 0; } ' + '@page :left { margin-left: 0; } ' + '@page :right { margin-right: 0; } ' + '* { margin: 0; padding: 0; box-sizing: border-box; } ' + 'html, body { width: 100%; height: 100%; margin: 0; padding: 0; background: white; } ' + '.print-container { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; } ' + '.print-image { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; } ' + '@media print { @page { size: A4 ' + orientation + '; margin: 10mm; } ' + '@page :first { margin-top: 0; } @page :left { margin-left: 0; } @page :right { margin-right: 0; } ' + 'body { -webkit-print-color-adjust: exact; color-adjust: exact; } ' + '.print-container { width: 100% !important; height: 100vh !important; display: flex !important; align-items: center !important; justify-content: center !important; } ' + '.print-image { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; } }'; } // Simplified print styles for Safari/fallback function generateSimplePrintStyles(isLandscape) { var orientation = isLandscape ? 'landscape' : 'portrait'; return '@page { size: A4 ' + orientation + '; margin: 15mm; } ' + '@page :first { margin-top: 0; } ' + '@page :left { margin-left: 0; } ' + '@page :right { margin-right: 0; } ' + '* { margin: 0; padding: 0; } ' + 'body { margin: 0; padding: 0; background: white; text-align: center; -webkit-print-color-adjust: exact; color-adjust: exact; } ' + '.print-container { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; } ' + '.print-image { max-width: 95%; max-height: 95%; width: auto; height: auto; } ' + '@media print { @page { size: A4 ' + orientation + '; margin: 10mm; } ' + '@page :first { margin-top: 0; } @page :left { margin-left: 0; } @page :right { margin-right: 0; } ' + '.print-image { max-width: 100% !important; max-height: 100% !important; } }'; } });