Hình dạng của một khối do trình kết xuất xác định, dựa trên định nghĩa của khối (nghĩa là các trường và kết nối của khối).
Trình kết xuất đồ hoạ tích hợp
Blockly cung cấp ba trình kết xuất tích hợp sẵn, mỗi trình kết xuất cung cấp một chút những cảm nhận khác nhau đối với chương trình.
| Trình kết xuất đồ hoạ | Mô tả | Bài đăng có hình ảnh |
|---|---|---|
| Thái Lan | Trình kết xuất đồ hoạ được đề xuất. Đó là một trải nghiệm trình kết xuất đồ hoạ geras hiện đại với nhiều tính năng khoảng cách và đường viền liền mạch. | 
|
| Geras | Trình kết xuất đồ hoạ mặc định. Đó là bản gốc trình kết xuất đồ hoạ mà Blockly đã dùng để xây dựng. | 
|
| Zelos | Trình kết xuất dựa trên thiết kế khối Scratch-3.0. |  |
Để sử dụng một trong các trình kết xuất đồ hoạ này, hãy chuyển tên vào các tuỳ chọn chèn:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
Trình kết xuất đồ hoạ tuỳ chỉnh
Nếu bạn muốn tạo cho chương trình của mình một giao diện khác với bất kỳ trình kết xuất đồ hoạ tích hợp, bạn cũng có thể tạo trình kết xuất tuỳ chỉnh. Để bắt đầu, Nhóm của Blockly đề xuất bạn:
- Hãy đọc qua tài liệu về khái niệm về trình kết xuất để tìm hiểu cách tất cả thành phần của trình kết xuất kết hợp với nhau.
- Hoàn thành lớp học lập trình về trình kết xuất tuỳ chỉnh để thực hành liên quan đến tính năng kết xuất tuỳ chỉnh.
- Thêm trình kết xuất gỡ lỗi vào dự án của bạn.
- Tuỳ chỉnh trình kết xuất.