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 một trong 242 ngữ pháp Shiki và 71 giao diện. Nạp mẫu hoặc dán mã; tô màu cú pháp không thực thi mã nguồn.
03
Tạo kiểu cho khung
Chỉnh độ rộng tab, bóng, góc bo, hình mờ và tỷ lệ. Dùng nền màu, trong suốt hoặc PNG/JPEG/WebP cục bộ (8 MiB), cùng lề, cỡ chữ, số dòng và tiêu đề.
04
Tạo bản xem trước
Khi mở không gian làm việc, Shiki tải trong thẻ này và tạo bản xem trước thực tế từ mã mẫu. Chỉnh sửa sẽ xóa kết quả cũ; chọn “Tạo bản xem trước” để kết xuất thay đổi.
05
Tải xuống SVG hoặc PNG
Tạo lại sau khi sửa. Tải SVG hoặc PNG ở 1×/2×, hoặc sao chép PNG. Nếu bảng nhớ ảnh thất bại, tải PNG. Giới hạn: 4096 điểm ảnh mỗi cạnh và tổng 16.777.216 điểm ảnh.
Thông tin công cụ
Xử lý
Trong trình duyệt của bạn
Dữ liệu nhập rời thiết bị này
Không bao giờ
Lưu giữ
Không có gì được lưu
Giá
Miễn phí
Dữ liệu bạn nhập ở lại trong trình duyệt.
Chuyển code thành ảnh dùng lộ trình thực thi cục bộ đã xác minh và không tạo lịch sử đầu vào hay đầu ra ẩn.
Thực thi cục bộ
Chạy bên trong tab trình duyệt hiện tại.
Không xử lý ẩn
Dữ liệu công cụ đang hoạt động không bao giờ trở thành bản ghi tài liệu của Toolars.
Không cần tài khoản
Dùng quy trình cốt lõi mà không cần tạo hồ sơ. Mục yêu thích đồng bộ vào tài khoản sau khi bạn đăng nhập.
Đặt lại ngay lập tức
Xóa tab và dữ liệu đang làm việc sẽ biến mất.
Khi nào Chuyển code thành ảnh hữu ích
Xuất đoạn JavaScript đã đo ở 1×
Nhập hai dòng: const total = 2 + 3; và console.log(total); (40 byte UTF-8). Chọn JavaScript, Tối, #111827, lề 64 px, cỡ chữ 16 px, bật số dòng, tiêu đề sum.js, 1×, tab rộng 2, tắt bóng, bán kính 14 px, không hình mờ, tỷ lệ tự động và phông hệ thống. Sau khi tạo và tải, lần chạy Chromium cục bộ này cho PNG 406 × 270 điểm ảnh (13.206 byte) và SVG 1.647 byte với viewBox 406 × 270.
So sánh cùng đoạn mã ở 2×
Giữ mã và thiết lập của ví dụ 1, chọn 2×, tạo lại và tải PNG: 812 × 540 điểm ảnh, 32.328 byte trong lần chạy Chromium cục bộ này. Mọi kích thước và dung lượng ở đây đều là số đo, có thể thay đổi theo phông và trình duyệt. SVG không nhúng phông dùng phông hệ thống nên có thể hiển thị khác trên thiết bị khác.
Nhúng phông cho chữ Latin và Kirin
Nhập const text = "Café Привет"; với tiêu đề font.js và thiết lập 1× của ví dụ 1. Tải lên ToolarsWatermarkWestern.ttf (102.840 byte), giải nén từ https://toolars.com/fonts/pdf-watermark/western-v1.ttf.gz; phông thử nghiệm này được tạo từ Noto Sans CJK bản Sans2.004 theo SIL OFL 1.1 (giấy phép: https://toolars.com/fonts/pdf-watermark/OFL.txt). Lần chạy Chromium cục bộ này cho PNG 403 × 245 điểm ảnh (10.376 byte) và SVG 138.612 byte chứa toàn bộ phông. Phông thiếu ký tự 漢字 nên từ chối tạo; hãy chọn phông khác hoặc phông hệ thống.
Chuyển code thành ảnh thực sự làm gì
Một hàm bạn tự hào xứng đáng có mặt trong ghi chú phát hành; một đoạn mã hóc búa cần minh họa wiki nội bộ; một slide hội nghị muốn một đoạn mã được tạo kiểu thay vì ảnh chụp màn hình bị cắt tab. Trình chuyển mã thành hình ảnh biến đoạn mã thành một khung bóng bẩy với số dòng và tiêu đề cửa sổ, và SVG hay PNG xuất ra đi thẳng vào slide, tài liệu và chat mà không cần dọn dẹp thủ công. Vì việc tách token và render diễn ra trong tab này, mã nguồn chưa công bố không bao giờ đi đến đâu.
Câu hỏi thường gặp
Làm sao tạo ảnh JavaScript cho trang trình chiếu?
Nhập const total = 2 + 3;, chọn JavaScript, giao diện sáng và 1x. Tạo bản xem trước rồi tải PNG. Ảnh hiển thị mã, không phải kết quả 5: công cụ không chạy mã. Muốn ảnh lớn hơn, chọn 2x và tạo lại; chiều rộng và chiều cao tăng gấp đôi.
Làm sao xuất ví dụ JSON thành SVG?
Nhập {"ok":true}, chọn JSON và tạo bản xem trước. Tải SVG để có hình mã có thể co giãn hoặc PNG để giữ nguyên diện mạo đã kết xuất. Sau khi sửa văn bản, hãy tạo lại vì bản xem trước cũ bị xóa. Đây là xuất ảnh, không phải kết quả xác thực JSON.
Các giới hạn đầu vào là gì?
Tối đa 65.536 byte UTF-8 mã nguồn, tối đa 200 dòng với không quá 240 ký tự mỗi dòng, và tiêu đề cửa sổ tối đa 80 ký tự. Bản thân việc xuất bị giới hạn ở 4.096 pixel mỗi cạnh và tổng 16.777.216 pixel; bất cứ thứ gì vượt các ngưỡng này đều bị từ chối với thông báo cụ thể.
Mã của tôi có bị tải lên hay thực thi không?
Mã được xử lý trong thẻ này, không bao giờ được thực thi hay tải lên. Shiki tải khi mở không gian làm việc để tạo mẫu; sau khi chỉnh sửa, bạn phải chọn “Tạo bản xem trước” để kết xuất lại.
Những ngôn ngữ và giao diện nào khả dụng?
Chọn một trong 242 ngữ pháp Shiki và 71 giao diện. Nạp mẫu hoặc dán mã; tô màu cú pháp không thực thi mã nguồn.
Tỷ lệ xuất thay đổi điều gì?
1x dùng kích thước ảnh đã đo. 2x nhân đôi cả chiều rộng lẫn chiều cao, tạo gấp bốn lần số pixel PNG; nó không thêm chi tiết mã hay thay đổi văn bản. Cả hai tỷ lệ đều phải nằm trong giới hạn xuất. Giảm tỷ lệ nếu bản xuất quá lớn.
Tôi nên tải SVG hay PNG?
PNG giữ nguyên các pixel được render tại đây. SVG vẫn co giãn được; khi không có font tải lên, nó dựa vào font hệ thống, vốn có thể khác trên thiết bị khác. Một font tải lên được chấp nhận sẽ được nhúng toàn bộ, nhưng trình xem đích phải hỗ trợ font nhúng. Dùng PNG khi sự đồng nhất về hiển thị quan trọng.
Vì sao bản xem trước biến mất sau khi tôi đổi một cài đặt?
Đó là chủ đích: bất kỳ chỉnh sửa nào về mã, ngôn ngữ, giao diện, nền, khoảng đệm, cỡ chữ, tiêu đề, số dòng hay tỷ lệ đều vô hiệu bản xem trước cũ thay vì hiển thị một hình ảnh cũ. Nhấn Tạo bản xem trước lần nữa để render khung đã cập nhật.
Tôi có thể nhúng những font nào?
TTF/OTF, tối đa 24 MiB. Hãy chọn một font bạn được phép nhúng. Font outline tĩnh với quyền nhúng không hạn chế được hỗ trợ; font biến thiên/font màu bị từ chối. Toàn bộ font được đưa vào SVG. Thiếu glyph sẽ dừng việc tạo. Không tệp nào được tải lên. Không có font, SVG dùng font hệ thống.
