Ausmalbilder für Kinder zum Ausdrucken – kostenlos

Schlagwort: Ausmalbild fuchs

Fuchs Ausmalbilder kostenlos – 24 Malvorlagen zum Ausmalen & Drucken

" ); iframeDoc.close(); setTimeout(function() { try { iframe[0].contentWindow.focus(); iframe[0].contentWindow.print(); setTimeout(function() { iframe.remove(); $button.removeClass("cb-loading"); }, 1000); } catch (e) { console.log("Print error via iframe: " + e.message); iframe.remove(); printImageSafari(src, alt, $button); } }, 500); }; tempImg.onerror = function() { console.log("Error loading image for print"); printImageSafari(src, alt, $button); }; tempImg.src = src; } // Safari print method function printImageSafari(src, alt, $button) { var tempImg = new Image(); tempImg.onload = function() { var imgWidth = tempImg.naturalWidth; var imgHeight = tempImg.naturalHeight; var aspectRatio = imgWidth / imgHeight; var isLandscape = aspectRatio > 1.0; var pageOrientation = isLandscape ? "landscape" : "portrait"; console.log("Safari print - Orientation: " + pageOrientation + " (ratio: " + aspectRatio.toFixed(2) + ")"); var printWindow = window.open("", "_blank", "width=800,height=600"); if (printWindow) { var printStyles = generateSimplePrintStyles(pageOrientation); printWindow.document.write( "" + "Print Coloring Image" + "" + "" + "" + "

" + " $\""$ " + "

" + "" ); printWindow.document.close(); $button.removeClass("cb-loading"); } else { window.open(src, "_blank"); $button.removeClass("cb-loading"); } }; tempImg.onerror = function() { window.open(src, "_blank"); $button.removeClass("cb-loading"); }; tempImg.src = src; } // Mobile print method function printImageMobile(src, alt, $button) { var printWindow = window.open(src, "_blank"); if (!printWindow) { if (confirm("To print the image on mobile device, open the image in a new tab and use Share → Print option.")) { window.location.href = src; } } $button.removeClass("cb-loading"); } // Generate enhanced print styles for desktop with precise 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; " + "} " + "}"; } function downloadImage($img) { var $button = $img.siblings(".cb-buttons-overlay").find(".cb-download"); $button.addClass("cb-loading"); var imgSrc = getBestImageUrl($img); var fileName = imgSrc.split("/").pop(); var link = document.createElement("a"); link.href = imgSrc; link.download = fileName; link.style.display = "none"; document.body.appendChild(link); link.click(); document.body.removeChild(link); setTimeout(function() { $button.removeClass("cb-loading"); }, 1000); } function downloadPDF($img) { var $button = $img.siblings(".cb-buttons-overlay").find(".cb-pdf"); $button.addClass("cb-loading");var imgSrc = getBestImageUrl($img); var pdfUrl = cleanImageUrl(imgSrc, false) .replace(/\.(webp|jpg|jpeg|png|gif)$/i, ".pdf"); // Try to open PDF, fallback to image if not found fetch(pdfUrl, {method: "HEAD"}) .then(function(response) { if (response.ok) { window.open(pdfUrl, "_blank"); } else { window.open(imgSrc, "_blank"); } $button.removeClass("cb-loading"); }) .catch(function() { window.open(imgSrc, "_blank"); $button.removeClass("cb-loading"); }); } // Initialize on window load for lazy-loaded images $(window).on("load", function() { setTimeout(initColoringBookActions, 1000); }); });