Bu proje hakkında

Bir görsel yükleyin, kaç renk istediğinizi seçin; araç bölgelerin konturlarını otomatik çizer, numaralandırır ve yazdırmaya hazır temiz bir SVG dosyası hazırlar. Kendi fotoğraflarınızdan kişisel bir DIY numaralı boyama kiti yapmanın ücretsiz ve hızlı yolu.

Bu proje, PBNCanvas'ın açık kaynak çalışmalarından ilham aldı ve bağımlılıklar olmadan, görselleriniz izlenmeden ve sunucu işleme olmadan hızlı, sezgisel, tamamen istemci tarafı bir deneyim sunmak için modern web teknolojileriyle — saf JavaScript, HTML canvas API ve SVG — yeniden inşa edildi.

Nasıl çalışır

1. Renkler, CIELAB renk uzayında algısal eşleştirme ile medyan kesme renk indirgeme kullanılarak seçtiğiniz palet boyutuna nicelenir.
2. Bağlantılı bölgeler (parçalar) flood fill ile algılanır ve okunabilirlik için küçük olanlar komşularıyla birleştirilir.
3. Pürüzsüz vektör konturlar oluşturulur ve numara etiketleri her bölgenin içindeki en geniş noktaya yerleştirilir.
4. Son SVG her boyutta indirilebilir veya yazdırılabilir — isteğe bağlı dolgular, konturlar, numaralar ve renk paleti referans sayfası ile.

Teknolojiye genel bakış

• Medyan kesme nicelemesi — milyonlarca rengi 4–48 temsili renkten oluşan bir palete indirger.
• CIELAB renk mesafesi — pikselleri, insan gözünün renk farklarını algılama biçimine göre palet renkleriyle eşleştirir.
• Flood-fill bölge algılama — aynı renkteki pikselleri boyanabilir parçalar halinde gruplar.

Her şey tarayıcınızda yerel olarak çalışır — görselleriniz asla bir sunucuya yüklenmez. Ayrıntılar için gizlilik politikamızı okuyun.