Малювання для дітей

' ); iframeDoc.close(); setTimeout(function() { try { iframe[0].contentWindow.focus(); iframe[0].contentWindow.print(); setTimeout(function() { iframe.remove(); }, 1000); } catch (e) { debugLog('Помилка друку через iframe: ' + e.message); iframe.remove(); printImageSafari(src, alt); } }, 500); }; tempImg.onerror = function() { debugLog('Помилка завантаження зображення для друку'); 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 aspectRatio = imgWidth / imgHeight; // Simple orientation detection: if width > height = landscape var isLandscape = aspectRatio > 1.0; var pageOrientation = isLandscape ? 'landscape' : 'portrait'; debugLog('Safari друк - Орієнтація: ' + pageOrientation + ' (співвідношення: ' + aspectRatio.toFixed(2) + ')'); var printWindow = window.open('', '_blank', 'width=800,height=600'); if (printWindow) { var printStyles = generateSimplePrintStyles(pageOrientation); printWindow.document.write( '' + 'Print Coloring 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('Щоб надрукувати зображення на мобільному пристрої, відкрийте зображення в новій вкладці та скористайтеся опцією "Поділитися" → "Друк".')) { window.location.href = src; } } } // Generate enhanced print styles for desktop with precise 2-3cm margins function generateEnhancedPrintStyles(orientation, marginMm) { var marginSize = marginMm + 'mm'; return '@page { ' + 'size: A4 ' + orientation + '; ' + 'margin: ' + marginSize + '; ' + 'margin-top: ' + marginSize + '; ' + 'margin-bottom: ' + marginSize + '; ' + 'margin-left: ' + marginSize + '; ' + 'margin-right: ' + marginSize + '; ' + '} ' + '* { ' + 'margin: 0; ' + 'padding: 0; ' + 'box-sizing: border-box; ' + '} ' + 'html, body { ' + 'width: 100%; ' + 'height: 100%; ' + 'margin: 0; ' + 'padding: 0; ' + 'background: white; ' + 'font-size: 0; ' + '} ' + '.print-page { ' + 'width: 100%; ' + 'height: 100vh; ' + 'display: flex; ' + 'align-items: center; ' + 'justify-content: center; ' + 'page-break-inside: avoid; ' + '} ' + '.print-container { ' + 'width: 100%; ' + 'height: 100%; ' + 'display: flex; ' + 'align-items: center; ' + 'justify-content: center; ' + 'box-sizing: border-box; ' + '} ' + '.print-image { ' + 'max-width: 100%; ' + 'max-height: 100%; ' + 'width: auto; ' + 'height: auto; ' + 'object-fit: contain; ' + 'display: block; ' + 'border: none; ' + '} ' + '@media print { ' + '@page { ' + 'size: A4 ' + orientation + '; ' + 'margin: ' + marginSize + ' !important; ' + 'margin-top: ' + marginSize + ' !important; ' + 'margin-bottom: ' + marginSize + ' !important; ' + 'margin-left: ' + marginSize + ' !important; ' + 'margin-right: ' + marginSize + ' !important; ' + '} ' + 'html, body { ' + 'width: 100% !important; ' + 'height: 100% !important; ' + 'margin: 0 !important; ' + 'padding: 0 !important; ' + 'background: white !important; ' + '-webkit-print-color-adjust: exact !important; ' + 'color-adjust: exact !important; ' + 'print-color-adjust: exact !important; ' + '} ' + '.print-page { ' + 'width: 100% !important; ' + 'height: 100vh !important; ' + 'display: flex !important; ' + 'align-items: center !important; ' + 'justify-content: center !important; ' + 'page-break-inside: avoid !important; ' + '} ' + '.print-container { ' + 'width: 100% !important; ' + 'height: 100% !important; ' + 'display: flex !important; ' + 'align-items: center !important; ' + 'justify-content: center !important; ' + 'box-sizing: border-box !important; ' + '} ' + '.print-image { ' + 'max-width: 100% !important; ' + 'max-height: 100% !important; ' + 'width: auto !important; ' + 'height: auto !important; ' + 'object-fit: contain !important; ' + 'display: block !important; ' + 'border: none !important; ' + '} ' + '}'; } // Simplified print styles for Safari/fallback with margins function generateSimplePrintStyles(orientation) { return '@page { ' + 'size: A4 ' + orientation + '; ' + 'margin: 15mm; ' + '} ' + '* { ' + '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: 100%; ' + 'max-height: 100%; ' + 'width: auto; ' + 'height: auto; ' + 'object-fit: contain; ' + '} ' + '@media print { ' + '@page { ' + 'size: A4 ' + orientation + '; ' + 'margin: 15mm !important; ' + '} ' + 'body { ' + '-webkit-print-color-adjust: exact !important; ' + 'color-adjust: exact !important; ' + '} ' + '.print-image { ' + 'max-width: 100% !important; ' + 'max-height: 100% !important; ' + 'object-fit: contain !important; ' + '} ' + '}'; } });