Wonder Women Boyama Sayfası

Wonder Women Boyama Sayfası

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

Ücretsiz PDF A4 Uyumlu Online Boyama

Yıldızlı Kostümüyle Wonder Women Boyama Sayfası

Bu boyama sayfasında, çömelmiş pozda yana bakan bir kadın karakter yer alıyor. Uzun saçları, yıldızlı saç bandı ve halka küpeleri dikkat çekiyor. Kollarındaki kolluklar, yıldız desenli mayosu ve çizmeleriyle kahramanlık dolu bir görünüm sunuyor. Arka plandaki büyük dairesel şekil ve gölgeli zemin çizgileri, sahneyi tamamlıyor.

Renk Önerileri ve Boyama İpuçları

Karakterin kostümü için kırmızı, mavi ve sarı gibi canlı renkler tercih edilebilir. Saçlar kahverengi, ten rengi ise doğal bir tonda boyanabilir. Yıldız desenlerini altın sarısıyla vurgulamak eğlenceli olabilir. Bu boyama sayfasını PDF olarak indirip A4 kağıdına yazdırabilir veya online boyama seçeneğini kullanabilirsiniz.

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