Hình dạng của một khối được xác định bằng một trình kết xuất, dựa trên định nghĩa của khối (tức là các trường và kết nối của khối).
Trình kết xuất tích hợp
Blockly cung cấp 3 trình kết xuất tích hợp sẵn, mỗi trình kết xuất mang đến cảm giác hơi khác biệt cho chương trình.
| Trình kết xuất đồ hoạ | Mô tả | Hình ảnh |
|---|---|---|
| Thrasos | Trình kết xuất được đề xuất. Đây là một phiên bản hiện đại hơn của trình kết xuất geras, với khoảng cách đều hơn và đường viền liền mạch. |  |
| Geras | Trình kết xuất mặc định. Đây là trình kết xuất ban đầu mà Blockly được xây dựng. |  |
| Zelos | Một 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 này, hãy truyền tên vào các lựa chọn cấu hình:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
Trình kết xuất tuỳ chỉnh
Nếu muốn chương trình của mình có giao diện khác với bất kỳ trình kết xuất tích hợp nào, bạn cũng có thể tạo một trình kết xuất tuỳ chỉnh. Để bắt đầu, nhóm Blockly đề xuất bạn:
- Đọc tài liệu về khái niệm trình kết xuất để tìm hiểu cách tất cả cá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 trực tiếp 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.