Kod Ekran Görüntüsü
Free online Code Screenshot tool, no installation required
Kod Ekran Görüntüsü Hakkında
Canvas API kullanarak kaynak kodunu indirilebilir bir PNG görüntüsü olarak oluşturur. Yerleşik bir tokenize edici anahtar kelimeleri, dizeleri, rakamları ve yorumları renklendirir; kod, yuvarlanmış bir pencerede degrade arka plan üzerinde oturur, isteğe bağlı macOS tarzı trafik ışığı kontrolleri, satır numaraları, bir pencere başlığı ve sağ altta bir dil rozeti ile birlikte.
Nasıl Kullanılır
1. Kodu Giriş textarea'sına yapıştırın. 2. Dil, Tema (koyu veya açık) ve Arka Plan degrade'ini seçin. 3. İsteğe bağlı olarak bir Başlık ayarlayın, Doldurma (16–64 px) ayarlayın ve Satır Numaralarını Göster / Pencere Kontrollerini Göster seçeneklerini değiştirin. 4. Tuval önizlemesini oluşturmak için Oluştur'a tıklayın. 5. Görüntüyü code-screenshot-<timestamp>.png olarak kaydetmek için PNG İndir'e tıklayın.
Temalar, Degrade ve Tokenize Edici
Koyu tema One Dark tarzı renkleri kullanır (anahtar kelime #c678dd, dize #98c379, rakam #d19a66, yorum #5c6370); Açık tema One Light tarzı renkleri kullanır. Altı degrade: Gün Batımı, Okyanus, Orman, Mor, Pembe, Mono. Tokenize edici // ve # yorumlarını, tek/çift/backtick dizelerini, hex/onluk rakamları ve JS, TS, Python, Go, Rust, Java ve daha fazlasını kapsayan sabit bir anahtar kelime setini tanır. Pencere Kontrolleri kapalı olduğunda, Başlık yerine sol üstte bir etiket olarak gösterilir.
▶Hangi görüntü formatı ve çözünürlüğü üretilir?
▶Hangi diller vurgulanır?
▶Başlık neden Pencere Kontrollerine bağlı olarak farklı davranıyor?
▶Sağ alttaki dil rozeti ne gösterir?
Bu araç size yardımcı olduysa, bana bir kahve ısmarlamayı düşünün.
Bana bir kahve ısmarla