Czym jest obraz cyfrowego zegara?

Cyfrowy zegar pokazuje czas za pomocą cyfr, a nie wskazówek na tarczy — tak jak budziki, kuchenki mikrofalowe i tablice wyników. To narzędzie renderuje taki wygląd jako obraz do pobrania, wykorzystując rzeczywiste czcionki dostępne już w przeglądarce zamiast niestandardowej, ręcznie rysowanej czcionki, dzięki czemu cyfry pozostają wyraźne i spójne z tym, co widzisz na ekranie.

Opis narzędzia

Ustaw godziny, minuty i sekundy albo jednym kliknięciem pobierz aktualny czas, a następnie wybierz format 12- lub 24-godzinny oraz zdecyduj, czy wyświetlać sekundy. Wybierz czcionkę i jej rozmiar, włącz lub wyłącz poświatę w stylu LED i dostosuj jej intensywność, a także ustaw opcjonalny kolor tła i cyfr. Następnie pobierz wynik jako PNG lub JPG.

Funkcje

  • Ustaw dowolne godziny, minuty i sekundy albo natychmiast wstaw aktualny czas
  • Format 12-godzinny z etykietą AM/PM albo format 24-godzinny
  • Włączanie i wyłączanie wyświetlania sekund
  • Wybór czcionek o stałej szerokości oraz czcionek systemowych, dzięki czemu podgląd zawsze odpowiada pobranemu obrazowi
  • Opcjonalna poświata z regulowaną intensywnością, zapewniająca realistyczny wygląd wyświetlacza LED lub budzika
  • Opcjonalne tło, dzięki któremu możesz wyeksportować cyfry na przezroczystym tle
  • Możliwość dostosowania koloru tła, koloru cyfr i rozmiaru czcionki
  • Pobieranie jako PNG lub JPG albo drukowanie w rozdzielczości do 3× większej

Jak to działa

Czas jest renderowany jako zwykły tekst wyświetlany wybraną czcionką, z użyciem cyfr tabelarycznych, dzięki czemu każda cyfra zajmuje tyle samo miejsca. Ponieważ różne czcionki umieszczają glify w różny sposób względem własnej linii bazowej i marginesów bocznych, narzędzie mierzy rzeczywisty obszar narysowanych znaków każdej czcionki za pomocą interfejsu API Canvas TextMetrics i delikatnie przesuwa tekst, aby pozostawał wyśrodkowany w panelu niezależnie od wybranej czcionki. Poświata jest efektem text-shadow umieszczonym za cyframi i imituje sposób, w jaki prawdziwy wyświetlacz LED rozprasza światło na obudowie; wyłącz ją, aby uzyskać płaski, czysty wygląd. Ponieważ wyświetlacz jest tworzony na podstawie czcionek, które są już zainstalowane w Twojej przeglądarce, a nie na podstawie osadzonej niestandardowej czcionki, pobrany obraz zawsze wygląda dokładnie tak jak podgląd.

Wskazówki

  • Włącz poświatę, ustaw ciemne tło oraz czerwony lub zielony kolor cyfr, aby uzyskać realistyczny wygląd budzika lub tablicy wyników.
  • Wyłącz tło, aby uzyskać przezroczysty obraz PNG, który możesz umieścić w innym projekcie.
  • Wyłącz opcję „Pokaż sekundy”, aby uzyskać prostszy, dwuczęściowy wyświetlacz czasu, na przykład do grafiki zegara ściennego lub miniatury.
  • Zwiększ rozmiar czcionki, aby utworzyć duży obraz w stylu baneru, albo pozostaw go mały, jeśli tworzysz ikonę lub źródło favicon.