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