Рендереры

Форма блока определяется рендерером на основе определения блока (то есть его полей и соединений).

Встроенные рендереры

Blockly предоставляет три встроенных рендерера, каждый из которых придает программе немного иное ощущение.

Рендерер	Описание	Изображение
Фрасос	Рекомендуемый рендерер. Это более современный вариант рендерера Geras, с более равномерным интервалом и сплошными границами.
Герас	Рендерер по умолчанию. Это оригинальный рендерер, с которым был создан Blockly.
Зелос	Рендерер на основе блочной конструкции Scratch-3.0.

Чтобы использовать один из этих рендереров, передайте его имя в параметры конфигурации:

Blockly.inject('blocklyDiv', {
  renderer: 'thrasos'
});

Пользовательские рендереры

Если вы хотите придать своей программе другой вид и ощущение, чем любой из встроенных рендереров, вы также можете создать собственный рендерер. Для начала команда Blockly рекомендует вам:

1. Прочитайте документацию по концепции рендерера, чтобы узнать, как все компоненты рендерера взаимодействуют друг с другом.
2. Выполните практическую работу по созданию пользовательского рендеринга , чтобы получить практические навыки работы с пользовательским рендерингом.
3. Добавьте отладочный рендерер в свой проект.
4. Настройте свой рендерер.