Die Form eines Blocks wird von einem Renderer anhand des Definition des Blocks (d. h. der Felder und Verbindungen).
Integrierte Renderer
Blockly bietet drei integrierte Renderer, die jeweils einen leichten von anderen Programmen.
| Renderer | Beschreibung | Bild |
|---|---|---|
| Thrasos | Der empfohlene Renderer. Es ist ein eher moderne Interpretation des Geras-Renderers, mit mehr gleichmäßige Abstände und Rahmenlinien. | 
|
| Geras | Der Standard-Renderer. Es ist das Original mit dem Blockly erstellt wurde. | 
|
| Zelos | Ein Renderer, der auf dem Scratch-3.0-Blockdesign basiert |  |
Um einen dieser Renderer zu verwenden, übergeben Sie den Namen an die Injection-Optionen:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
Benutzerdefinierte Renderer
Wenn Sie Ihrem Programm ein anderes Design als die integrierten Renderern können Sie auch einen benutzerdefinierten Renderer erstellen. Um loszulegen, Das Blockly-Team empfiehlt Ihnen Folgendes:
- In der Dokumentation zum Renderer-Konzept erfahren Sie mehr wie alle Komponenten eines Renderers zusammenpassen.
- Absolvieren Sie das Codelab für benutzerdefinierte Renderer, um praktische Erfahrung mit benutzerdefiniertem Rendering sammeln.
- Fügen Sie Ihrem Projekt den Debug-Renderer hinzu.
- Passen Sie den Renderer an.