Ayı ve Arı Boyama Sayfası

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

Ücretsiz PDF A4 Uyumlu Online Boyama

Ayı ve Arı Boyama Sayfası

Bu boyama sayfasında bir ayı, oturmuş bir kavanoz tutarken görülüyor. Yanında uçan bir arı var. Sayfada ayrıca çiçekler, çimen ve bulutlar da yer alıyor. Ayı, arı, kavanoz, çiçekler, çimen ve bulutlar için belirgin boyama alanları bulunuyor. Bu sevimli sahneyi boyamak çocuklar için keyifli bir etkinlik olabilir.

Renk Önerileri ve Etkinlik

Ayı için kahverengi, arı için sarı ve siyah, kavanoz için pembe veya mavi, çiçekler için pembe, çimen için yeşil renkler kullanılabilir. Bulutları beyaz bırakabilir veya açık mavi ile boyayabilirsiniz. Bu boyama sayfasını PDF olarak indirip A4 kağıdına yazdırabilir veya online olarak boyayabilirsiniz.

`); 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.

Renk Seç ve Resme Dokun!

Ayı ve Arı Boyama Sayfası

Ayı ve Arı Boyama Sayfası

Renk Önerileri ve Etkinlik

Benzer Boyama Sayfaları

Horoz Boyama Sayfası

Uzanmış Leopar Boyama Sayfası

Balık ve Deniz Bitkileri Boyama Sayfası

Tavuk Boyama Sayfası

Dala Tutunan Kurbağa Boyama Sayfası

Mors Boyama Sayfası

Sinek Boyama Sayfası

Kurbağa Boyama Sayfası

Boyama Vakti Hakkında