Lộ trình tác vụ / từ đầu vào đến kết quả
Cách biến mã nguồn thành hình ảnh để chia sẻ
- 01
Dán mã của bạn
Gõ hoặc dán vào trường Nguồn mã — tối đa 65.536 byte UTF-8, tối đa 200 dòng và 240 ký tự mỗi dòng. Bộ đếm cạnh nhãn hiển thị số byte hiện tại so với giới hạn, và bất cứ thứ gì vượt ngưỡng đều bị từ chối kèm thông báo nêu rõ ngưỡng đó, để bạn biết chính xác cần cắt gì.
- 02
Chọn ngôn ngữ và giao diện
Chọn JavaScript, TypeScript, HTML, CSS, JSON hoặc Bash trong Ngôn ngữ, rồi đặt Giao diện thành Sáng hoặc Tối. Màu cú pháp đến từ ngữ pháp Shiki tương ứng và một giao diện kiểu GitHub, và Tải mẫu điền vào trường một ví dụ ngắn bằng ngôn ngữ đã chọn để bạn so sánh các kiểu trước khi dán mã của mình.
- 03
Tạo kiểu cho khung
Đặt Màu nền, Khoảng đệm từ 16 đến 96 px và Cỡ chữ từ 12 đến 28 px, rồi thêm Tiêu đề cửa sổ tối đa 80 ký tự, bật Hiển thị số dòng, và chọn Tỷ lệ xuất 1x hoặc 2x. Chiều cao dòng tự động đi theo cỡ chữ, nên chữ lớn vẫn dễ đọc mà không cần tinh chỉnh thêm.
- 04
Tạo bản xem trước
Tạo sẽ nạp bộ tách token cục bộ, đo các đoạn chữ và tiêu đề cửa sổ thực tế, và hiển thị đúng SVG đã escape dùng cho việc xuất. Mã nguồn vẫn là văn bản trơ. Chỉnh sửa sẽ xóa bản xem trước cũ. Đầu ra quá lớn hoặc không đo được sẽ bị từ chối; bản xem trước rộng có thể cuộn bằng bàn phím.
- 05
Tải xuống SVG hoặc PNG
Dùng Tải xuống SVG cho tệp vector co giãn, hoặc Tải xuống PNG cho một bitmap render qua Canvas ở tỷ lệ đã chọn. Cả hai tệp đều được tạo cục bộ, và nếu tổ hợp đã chọn vượt kích thước xuất an toàn, không gian làm việc sẽ nói rõ thay vì ghi một tệp hỏng.