呈现器

块的形状由渲染程序根据 代码块的定义(即其字段和连接)。

内置渲染程序

Blockly 提供了三个内置渲染程序,每个渲染程序给出略微不同的 给程序带来不同的感觉

渲染程序 说明 映像
萨索斯 推荐的渲染程序。它是一种 对 Geras 渲染程序的现代改版 均衡间距和实线边框 萨索斯
Geras 默认渲染程序。这是原始版本 用于构建 Blockly 的渲染程序。 盖拉斯
Zelos 基于 Scratch-3.0 块设计的渲染程序。 泽洛斯

要使用其中一种渲染程序,请将名称传递到注入选项:

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

自定义渲染程序

如果您想为计划采用与任何计划不同的外观和风格 内置渲染程序,您也可以创建自定义渲染程序。要开始使用 Blockly 团队建议您:

  1. 仔细阅读渲染器概念文档,以了解 渲染程序的所有组件是如何协同工作的。
  2. 完成自定义渲染程序 Codelab, 亲自动手练习使用自定义呈现
  3. 调试渲染程序添加到您的项目中。
  4. 自定义渲染程序。