Рендерер

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

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

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

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

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

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

Пользовательские средства визуализации

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

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