Kod-skärmdump
Free online Code Screenshot tool, no installation required
Om Code Screenshot
Rendera källkod som en nedladdningsbar PNG-bild med Canvas API. En inbyggd tokenizer färglägger nyckelord, strängar, siffror och kommentarer; koden sitter på en gradientbakgrund inuti ett avrundat fönster med valfria macOS-stil trafikljuskontroller, radnummer, en fönstertitel och en märke i nedre högra hörnet för språk.
Hur man använder
1. Klistra in kod i textrutan Kodinmatning. 2. Välj språk, tema (mörkt eller ljust) och bakgrundsgradient. 3. Ställ valfritt in en titel, justera utfyllnad (16–64 px) och växla Visa radnummer / Visa fönsterkontroller. 4. Klicka på Generera för att rendera canvas-förhandsgranskningen. 5. Klicka på Ladda ner PNG för att spara bilden som code-screenshot-<timestamp>.png.
Teman, gradienter och tokenizer
Mörkt tema använder One Dark-inspirerade färger (nyckelord #c678dd, sträng #98c379, siffra #d19a66, kommentar #5c6370); Ljust tema använder One Light-inspirerade färger. Sex gradienter: Sunset, Ocean, Forest, Purple, Pink, Mono. Tokenizern känner igen // och # kommentarer, enkla/dubbla/backtick-strängar, hex/decimal-siffror och en fast nyckelordsuppsättning som täcker JS, TS, Python, Go, Rust, Java och mer. Om fönsterkontroller är av visas titeln som en etikett uppe till vänster istället.
▶Vilket bildformat och upplösning produceras?
▶Vilka språk markeras?
▶Varför beter sig titeln annorlunda beroende på fönsterkontroller?
▶Vad visar språkmärket i nedre högra hörnet?
Om detta verktyg har varit till hjälp för dig, överväg att bjuda mig på en kaffe.
Bjud mig på en kaffe