ภาพหน้าจอโค้ด
- ไฟล์ไม่ออกจากอุปกรณ์ของคุณ
- ทำงานในเบราว์เซอร์
- ฟรี ไม่ต้องสมัคร ไม่มีลายน้ำ
Preview
Click a line in the preview to highlight it.
Loading highlighter…
วิธีใช้ ภาพหน้าจอโค้ด
เปลี่ยนโค้ดเป็นภาพที่ไฮไลต์ไวยากรณ์ พร้อมกรอบหน้าต่าง ธีม และพื้นหลัง แล้วดาวน์โหลด PNG หรือ SVG หรือคัดลอกไปคลิปบอร์ด ครอบคลุม 27 ภาษาบวกข้อความธรรมดา ตรวจภาษาอัตโนมัติ และไฮไลต์ทุกอย่างในเบราว์เซอร์ของคุณ
- 1
วางโค้ดในช่องโค้ด หรือคลิกตัวอย่างเพื่อลองตัวอย่าง
- 2
ปล่อยภาษาไว้ที่ตรวจอัตโนมัติหรือเลือกเอง และพิมพ์ชื่อเรื่องเช่นชื่อไฟล์
- 3
ทำเครื่องหมายบรรทัดสำคัญในไฮไลต์บรรทัด (เช่น 3, 5-7) หรือโดยคลิกในตัวอย่าง และเปิดทำให้บรรทัดอื่นจางหากต้องการให้เด่นขึ้น
- 4
ใต้รูปลักษณ์และพื้นหลัง เลือกธีม สไตล์หน้าต่าง (macOS, Windows หรือไม่มี) ขนาดฟอนต์ ไล่สีหรือสีทึบ และระยะเว้น
- 5
ใต้ส่งออก ตั้งความกว้างและความละเอียด แล้วคลิกดาวน์โหลด PNG, SVG หรือคัดลอกรูป
คำถามที่พบบ่อย
โค้ดของฉันถูกส่งไปที่ใดหรือไม่?
ไม่ การไฮไลต์และการวาดเกิดในเบราว์เซอร์ เครื่องมือจำโค้ดล่าสุดและการตั้งค่าในที่เก็บข้อมูลท้องถิ่นของเบราว์เซอร์นี้ ดังนั้นกดล้างเมื่อคุณอยู่บนคอมพิวเตอร์ที่ใช้ร่วมกัน
มีภาษาและธีมใดบ้าง?
JavaScript, TypeScript, Python, Java, Go, Rust, C, C++, C#, PHP, Ruby, Swift, Kotlin, Dart, Scala, Lua, SQL, Shell, PowerShell, JSON, YAML, HTML / XML, CSS, SCSS, Markdown, Dockerfile และ Diff บวกข้อความธรรมดา ธีมคือ One Dark, GitHub Dark, GitHub Light, Dracula, Nord, Monokai, Solarized Dark และ Solarized Light
PNG กับ SVG ต่างกันอย่างไร?
PNG เป็นรูปที่ความละเอียด 1×, 2× หรือ 3× SVG เก็บโค้ดเป็นข้อความจริงที่เลือกได้และคมที่ขนาดใดก็ได้ แต่ใช้ฟอนต์ที่ติดตั้งบนอุปกรณ์ที่เปิดมัน
หยุดบรรทัดยาวไม่ให้ทำให้รูปกว้างมากอย่างไร?
ตั้งความกว้างเป็นคงที่แล้วใส่ความกว้างรูประหว่าง 320 ถึง 4000 px บรรทัดยาวจะขึ้นบรรทัดให้พอดี
พื้นหลังโปร่งใสได้หรือไม่?
ได้ เลือกโปร่งใสใต้พื้นหลังแล้วดาวน์โหลด PNG หรือ SVG
อันนี้ต่างจากม็อกอัปอุปกรณ์และตกแต่งภาพหน้าจออย่างไร?
เครื่องมือนี้วาดโค้ดที่คุณวางเป็นข้อความ เพื่อใส่ภาพหน้าจอที่มีอยู่ของแอปหรือเว็บไซต์ลงกรอบ ใช้ม็อกอัปอุปกรณ์และตกแต่งภาพหน้าจอ