Форма блока определяется рендерером на основе определения блока (то есть его полей и соединений).
Встроенные рендереры
Blockly предоставляет три встроенных рендерера, каждый из которых придает программе немного иное ощущение.
| Рендерер | Описание | Изображение |
|---|---|---|
| Фрасос | Рекомендуемый рендерер. Это более современная версия рендерера Geras, с более равномерными интервалами и чёткими границами. |  |
| Герас | Рендерер по умолчанию. Это оригинальный рендерер, на котором был создан Blockly. |  |
| Зелос | Рендерер, основанный на блочной конструкции Scratch-3.0. |  |
Чтобы использовать один из этих рендереров, передайте его имя в параметры конфигурации:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
Пользовательские рендереры
Если вы хотите, чтобы ваша программа выглядела и работала иначе, чем встроенные рендереры, вы можете создать собственный рендерер. Для начала команда Blockly рекомендует:
- Ознакомьтесь с документацией по концепциям рендерера, чтобы узнать, как все компоненты рендерера взаимодействуют друг с другом.
- Выполните практическую работу по созданию пользовательского рендерера , чтобы получить практические навыки работы с пользовательским рендерингом.
- Добавьте отладочный рендерер в свой проект.
- Настройте свой рендерер.