レンダリング

ブロックの形状は、式に基づいてレンダラによって ブロックの定義（つまり、そのフィールドと接続）を使用します。

組み込みのレンダラ

Blockly には 3 つの組み込みのレンダラが用意されており、 少し違った感じがします。

レンダリング	説明	画像
スラーソス	推奨されるレンダラ。より 最新型の geras レンダラに 均一な余白や無地の枠線を利用できます。
Geras	デフォルトのレンダラ。オリジナルである 使用したレンダラです。
Zelos	Scratch-3.0 ブロック設計に基づくレンダラ。

これらのレンダラのいずれかを使用するには、インジェクション オプションに名前を渡します。

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

カスタム レンダラ

他のどのテクノロジーよりも 作成することもできますが、カスタムレンダラを作成することもできます。まず、 Blockly チームによる推奨：

1. レンダラのコンセプト ドキュメントを読んで学習する コンポーネントが組み合わさっているかどうかがわかります。
2. カスタム レンダラ Codelab を修了する カスタム レンダリングの実践演習を行います。
3. プロジェクトにデバッグ レンダラを追加します。
4. レンダラをカスタマイズします。