Koodin kuvakaappaus
Free online Code Screenshot tool, no installation required
Tietoja koodikuvakaappauksesta
Renderöi lähdekoodin ladattavaksi PNG-kuvaksi Canvas API:n avulla. Sisäänrakennettu tokenisointi värittää avainsanat, merkkijonot, numerot ja kommentit; koodi on liukuväritaustalla pyöristetyssä ikkunassa valinnaisilla macOS-tyylisillä liikennevalo-ohjaimilla, rivinumeroilla, ikkunan otsikolla ja oikeassa alakulmassa olevalla kielitunnuksella.
Käyttöohje
1. Liitä koodi Code Input -tekstikenttään. 2. Valitse Language, Theme (dark tai light) ja Background gradient. 3. Aseta halutessasi Title, säädä Padding (16–64 px) ja ota käyttöön tai pois Show Line Numbers / Show Window Controls. 4. Napsauta Generate renderöidäksesi canvas-esikatselun. 5. Napsauta Download PNG tallentaaksesi kuvan nimellä code-screenshot-<timestamp>.png.
Teemat, liukuvärit ja tokenisointi
Dark-teema käyttää One Dark -inspiroituja värejä (avainsana #c678dd, merkkijono #98c379, numero #d19a66, kommentti #5c6370); Light-teema käyttää One Light -inspiroituja värejä. Kuusi liukuväriä: Sunset, Ocean, Forest, Purple, Pink, Mono. Tokenisointi tunnistaa // ja # -kommentit, yksinkertaiset/kaksinkertaiset/backtick-merkkijonot, heksa-/desimaalinumerot ja kiinteän avainsanajoukon, joka kattaa JS, TS, Python, Go, Rust, Java ja lisää. Jos Window Controls on pois, Title näytetään sen sijaan vasemman yläkulman tunnisteena.
▶Mitä kuvamuotoa ja -tarkkuutta tuotetaan?
▶Mitkä kielet korostetaan?
▶Miksi otsikko käyttäytyy eri tavoin riippuen Window Controls -asetuksesta?
▶Mitä oikeassa alakulmassa oleva kielitunnus näyttää?
Jos tämä työkalu on ollut sinulle hyödyllinen, harkitse kahvin ostamista.
Osta minulle kahvi