Kartal Boyama Sayfası

Kartal Boyama Sayfası

Bu içerik ücretsizdir. Görseli PDF olarak indirebilir, yazdırabilir veya online olarak renklendirebilirsiniz.

Ücretsiz PDF A4 Uyumlu Online Boyama

Bu boyama sayfasında, ayakta duran ve sola bakan bir kartal yer alıyor. Kartalın gaga, göz, tüyler, kanat ve pençe gibi detayları özenle çizilmiş. Boş arka plan sayesinde çocuklar tüm dikkatlerini bu görkemli kuşu renklendirmeye verebilir. Gövde, kanatlar, baş ve pençelerdeki geniş boyama alanları, farklı renkler kullanmayı sevenler için idealdir.

Renk Önerileri ve Etkinlik Fikri

Kartalı renklendirirken kahverengi, siyah, beyaz, gri ve bej tonlarını kullanabilirsiniz. Tüylerde açık ve koyu kahverengileri bir arada deneyerek gerçekçi bir görünüm elde edebilirsiniz. Boyama bittikten sonra kartalın pençelerinin altına bir dal çizerek sayfayı tamamlayabilirsiniz. Bu boyama sayfasını PDF olarak indirip A4 kağıda yazdırabilir veya online boyama aracıyla doğrudan renklendirebilirsiniz.

`); printWindow.document.close(); } // --- PDF ALT BİLGİSİ (TÜRKÇE KARAKTER DESTEKLİ) --- // jsPDF'nin varsayılan fontu Türkçe karakterlerde bozulma yapabildiği için // alt bilgi metnini canvas üzerine çizip PDF'ye görsel olarak ekliyoruz. function pdfAltBilgiEkle(doc, altMetin) { const footerCanvas = document.createElement("canvas"); footerCanvas.width = 1200; footerCanvas.height = 180;const footerCtx = footerCanvas.getContext("2d"); footerCtx.clearRect(0, 0, footerCanvas.width, footerCanvas.height); footerCtx.textAlign = "center"; footerCtx.textBaseline = "middle";footerCtx.fillStyle = "#333333"; footerCtx.font = "700 44px Arial, sans-serif"; footerCtx.fillText("www.boyamavakti.com", 600, 65);footerCtx.fillStyle = "#999999"; footerCtx.font = "400 26px Arial, sans-serif"; footerCtx.fillText(altMetin, 600, 112);const footerData = footerCanvas.toDataURL("image/png"); doc.addImage(footerData, "PNG", 55, 274, 100, 15); }// --- ORİJİNAL BOŞ PDF OLUŞTURMA --- async function resmiPdfYap(baslik) { const img = document.getElementById('boyamaResmi'); if (!img) return; const btn = document.querySelector('.btn-download-big'); const eskiYazi = btn.innerHTML; btn.innerHTML = ' Hazırlanıyor...'; try { const temizResimData = resmiTemizleVeAl(img); const tempImg = new Image(); tempImg.src = temizResimData; tempImg.onload = function() { const { jsPDF } = window.jspdf; const doc = new jsPDF({ orientation: "portrait", unit: "mm", format: "a4" }); doc.setFillColor(255, 255, 255); doc.rect(0, 0, 210, 297, "F"); const imgHeight = Math.min(((190) / (tempImg.width / tempImg.height)), (262)); doc.addImage(temizResimData, 'JPEG', 10, 10, 190, imgHeight); pdfAltBilgiEkle(doc, "Ücretsiz Boyama Sayfaları"); doc.save(baslik + ".pdf"); btn.innerHTML = eskiYazi; }; } catch (err) { alert("Hata oluştu."); btn.innerHTML = eskiYazi; } }// ========================================== // 🎨 ONLINE BOYAMA MOTORU // ========================================== let seciliRenk = '#ff0000'; let onlineCanvas = null; let onlineCtx = null; let canvasKurulduMu = false;function renkSec(renk, element) { seciliRenk = renk; document.querySelectorAll('.color-btn').forEach(btn => btn.classList.remove('active')); element.classList.add('active'); }function onlineBoyaBaslat() { const img = document.getElementById('boyamaResmi'); onlineCanvas = document.getElementById('boyamaCanvas'); if (!img || !onlineCanvas) return;img.style.display = 'none'; onlineCanvas.style.display = 'block'; document.getElementById('btnBoyaBaslat').style.display = 'none'; document.getElementById('paletAlani').style.display = 'block';if (!canvasKurulduMu) { onlineCanvas.width = img.naturalWidth; onlineCanvas.height = img.naturalHeight; onlineCtx = onlineCanvas.getContext('2d', { willReadFrequently: true });onlineCtx.fillStyle = "#ffffff"; onlineCtx.fillRect(0, 0, onlineCanvas.width, onlineCanvas.height); onlineCtx.drawImage(img, 0, 0);try { const imgData = onlineCtx.getImageData(0, 0, onlineCanvas.width, onlineCanvas.height); const data = imgData.data; const esik = 180; for (let i = 0; i < data.length; i += 4) { if (data[i] > esik && data[i+1] > esik && data[i+2] > esik) { data[i] = 255; data[i+1] = 255; data[i+2] = 255; data[i+3] = 255; // Tümü Alpha 255 } } onlineCtx.putImageData(imgData, 0, 0); } catch(e) { console.warn("Piksel temizligi atlandi:", e); }onlineCanvas.addEventListener('click', function(e) { const rect = onlineCanvas.getBoundingClientRect(); const scaleX = onlineCanvas.width / rect.width; const scaleY = onlineCanvas.height / rect.height; const x = Math.floor((e.clientX - rect.left) * scaleX); const y = Math.floor((e.clientY - rect.top) * scaleY); boyaKovasiDoldur(onlineCanvas, x, y, seciliRenk); });canvasKurulduMu = true; } }function onlineBoyaKapat() { document.getElementById('boyamaResmi').style.display = 'inline-block'; if(onlineCanvas) onlineCanvas.style.display = 'none'; document.getElementById('btnBoyaBaslat').style.display = 'block'; document.getElementById('paletAlani').style.display = 'none'; }// --- BOYANMIŞ ESERİ PDF OLARAK İNDİRME --- async function boyanmisPdfYap(baslik) { if (!onlineCanvas) return; try { const boyanmisData = onlineCanvas.toDataURL("image/jpeg", 0.95); const { jsPDF } = window.jspdf; const doc = new jsPDF({ orientation: "portrait", unit: "mm", format: "a4" }); doc.setFillColor(255, 255, 255); doc.rect(0, 0, 210, 297, "F"); const imgHeight = Math.min(((190) / (onlineCanvas.width / onlineCanvas.height)), (262)); doc.addImage(boyanmisData, 'JPEG', 10, 10, 190, imgHeight); pdfAltBilgiEkle(doc, "Renklendirilmiş Eser"); doc.save(baslik + "-Renklendirilmis.pdf"); } catch (err) { alert("Hata oluştu."); } }// --- BOYA KOVASI (SİYAH RENK KİLİDİ ÇÖZÜLDÜ) --- function boyaKovasiDoldur(canvas, startX, startY, fillColorHex) { const ctx = canvas.getContext('2d', { willReadFrequently: true }); const imgData = ctx.getImageData(0, 0, canvas.width, canvas.height); const data = imgData.data; const w = canvas.width; const h = canvas.height;let hex = fillColorHex.replace('#', ''); const r = parseInt(hex.substring(0, 2), 16); const g = parseInt(hex.substring(2, 4), 16); const b = parseInt(hex.substring(4, 6), 16); // GİZLİ AJAN ETİKETİ: Çocuğun boyadığı renklere Alpha 254 değerini veriyoruz (Gözle görülmez). // Bu sayede siyah boyadığında, orijinal siyah çizgi (Alpha 255) olmadığını anlayacağız! const fillRgba = [r, g, b, 254];const startPos = (startY * w + startX) * 4; const startR = data[startPos]; const startG = data[startPos + 1]; const startB = data[startPos + 2]; const startAlpha = data[startPos + 3]; // Pikselin etiketini kontrol et// 1. Tıklanan yer zaten YENİ renkle aynıysa işlemi iptal et if (startR === r && startG === g && startB === b) return; // 2. YENİ KURAL: Koyu siyah çizgilere tıklanırsa koru. // FAKAT eğer o siyahı biz boyadıysak (Alpha'sı 254 ise) KORUMA, SİLMEYE İZİN VER! if (startR < 80 && startG < 80 && startB < 80 && startAlpha === 255) return;function renkUyusuyormu(pos) { if (data[pos] === r && data[pos + 1] === g && data[pos + 2] === b) { return false; } return Math.abs(data[pos] - startR) < 40 && Math.abs(data[pos + 1] - startG) < 40 && Math.abs(data[pos + 2] - startB) < 40; }const pixelStack = [[startX, startY]];while (pixelStack.length) { const newPos = pixelStack.pop(); let x = newPos[0]; let y = newPos[1]; let pixelPos = (y * w + x) * 4;while (y-- >= 0 && renkUyusuyormu(pixelPos)) pixelPos -= w * 4; pixelPos += w * 4; ++y;let reachLeft = false; let reachRight = false;while (y++ < h - 1 && renkUyusuyormu(pixelPos)) { // Rengi ve GİZLİ AJAN 254 etiketini basıyoruz data[pixelPos] = fillRgba[0]; data[pixelPos + 1] = fillRgba[1]; data[pixelPos + 2] = fillRgba[2]; data[pixelPos + 3] = fillRgba[3];if (x > 0) { if (renkUyusuyormu(pixelPos - 4)) { if (!reachLeft) { pixelStack.push([x - 1, y]); reachLeft = true; } } else if (reachLeft) { reachLeft = false; } }if (x < w - 1) { if (renkUyusuyormu(pixelPos + 4)) { if (!reachRight) { pixelStack.push([x + 1, y]); reachRight = true; } } else if (reachRight) { reachRight = false; } } pixelPos += w * 4; } } ctx.putImageData(imgData, 0, 0); }

Boyama Vakti Hakkında

Boyama Vakti, çocukların hayal dünyasını renklendiren kapsamlı ve ücretsiz boyama sayfaları platformudur. Ebeveynler ve öğretmenler için özenle hazırlanan yüksek kaliteli, yazdırılabilir PDF boyama etkinlikleri sunuyoruz. Okul öncesi boyama, eğitici çizimler, eğlenceli kategoriler ve zengin içeriklerimiz sayesinde çocukların motor becerilerini ve yaratıcılıklarını desteklemeyi amaçlıyoruz.