Panorama Photo AI - Aktif Biyometrik Şablon

Şablon ve Boyutlar

Yaygın olarak kullanılan biyometrik fotoğraf standartları.

32 mm

Asgari Yüz Hizası

36 mm

Azami Yüz Hizası

Not: 10 Yaşına kadar çocuklarda yüz ve göz hizasında küçük değişiklikler kabul edilebilir.

TC Pasaport5x6 cm

Schengen Vizesi3.5x4.5 cm

ABD Vizesi5x5 cm

Kimlik Kartı4x5 cm

Fotoğraf Yükleme ve Düzenleme

📷

Fotoğraf Yükleyin

Sürükle-bırak veya tıklayarak seçin

Dosya Seç

Biyometrik Kontrol Sonuçları

Fotoğraf bekleniyor...

Ayarlar ve Şablonlar

Belge Türü

Fotoğraf Boyutu

5x6 cm

Pasaport

3.5x4.5

Schengen

5x5 cm

ABD Vize

4x5 cm

Kimlik

3.5x4 cm

Bio Vize

Parlaklık 50%

Kontrast 50%

Keskinlik 50%

Arka Plan Rengi

İşleniyor...

`); } // --- SLIDER VE SEÇİM AYARLARI --- function updateSlider(slider, value) { const thumb = document.getElementById(slider + 'Thumb'); const track = document.getElementById(slider + 'Track'); const valueDisplay = document.getElementById(slider + 'Value'); if(!thumb || !track || !valueDisplay) return; thumb.style.left = `calc(${value}% - 11px)`; track.style.width = value + '%'; valueDisplay.textContent = Math.round(value) + '%'; } function initializeSliders() { updateSlider('brightness', imageSettings.brightness); updateSlider('contrast', imageSettings.contrast); updateSlider('sharpness', imageSettings.sharpness); } function setupSliderEvents() { let activeSlider = null; const sliders = ['brightness', 'contrast', 'sharpness']; sliders.forEach(slider => { const thumb = document.getElementById(`${slider}Thumb`); const container = thumb ? thumb.closest('.slider-container') : null; if (thumb) thumb.addEventListener('mousedown', e => { activeSlider = slider; e.preventDefault(); }); if (container) container.addEventListener('click', e => handleSliderClick(e, slider)); }); document.addEventListener('mousemove', e => { if (activeSlider) handleSliderMove(e, activeSlider); }); document.addEventListener('mouseup', () => { activeSlider = null; }); } function handleSliderClick(event, slider) { const container = event.currentTarget; const rect = container.getBoundingClientRect(); const value = Math.max(0, Math.min(100, ((event.clientX - rect.left) / rect.width) * 100)); imageSettings[slider] = value; updateSlider(slider, value); } function handleSliderMove(event, slider) { const container = document.getElementById(`${slider}Thumb`).closest('.slider-container'); const rect = container.getBoundingClientRect(); const value = Math.max(0, Math.min(100, ((event.clientX - rect.left) / rect.width) * 100)); imageSettings[slider] = value; updateSlider(slider, value); } function changeTemplate() { const selector = document.getElementById('templateSelector'); const newSize = selector.options[selector.selectedIndex].dataset.size; if (newSize) { selectedSize = newSize; document.querySelectorAll('.size-option').forEach(opt => opt.classList.toggle('selected', opt.dataset.size === newSize)); updateStatus(`Şablon ve boyut ${newSize} cm olarak ayarlandı`, 'pass'); } } function selectSize(element, size) { document.querySelectorAll('.size-option').forEach(opt => opt.classList.remove('selected')); element.classList.add('selected'); selectedSize = size; updateStatus(`Fotoğraf boyutu ${size} cm olarak ayarlandı`, 'pass'); const selector = document.getElementById('templateSelector'); for (let i = 0; i < selector.options.length; i++) { if (selector.options[i].dataset.size === size) { selector.selectedIndex = i; break; } } } function selectBackground(element, color) { document.querySelectorAll('.bg-option').forEach(opt => opt.classList.remove('selected')); element.classList.add('selected'); selectedBackground = color; if (currentImage) drawImage(); const colorNames = { 'white': 'Beyaz', 'blue': 'Mavi', 'red': 'Kırmızı', 'gray': 'Gri' }; updateStatus(`Arka plan ${colorNames[color] || color} olarak ayarlandı`, 'pass'); } // Pencere yeniden boyutlandırma için optimizasyon let resizeTimeout; window.addEventListener('resize', function() { clearTimeout(resizeTimeout); resizeTimeout = setTimeout(() => { if (currentImage) { const workspace = document.getElementById('photoWorkspace'); canvas.width = workspace.clientWidth; canvas.height = workspace.clientHeight; drawImage(); } }, 250); });

BİYOMETRİK ŞABLONU